列在剑道电网MVC多行

Question

我有剑道电网MVC是这样的：

@(Html.NFSGrid<dynamic>("PortfolioGrid") 
     .Name("PortfolioGrid") 
     .EnableCustomBinding(true) 
     //.Selectable() 
     .BindTo(Model) 
     .DataSource(dataSource => dataSource 
      .Ajax() 
      .PageSize(countpaging) 
      .Model(m => 
      { 

       foreach (var Allcoulms in (List<HtmlHelperGridBuilder.GridCol>)ViewData["ViewDataGridfildes"]) 
       { 
        if (Allcoulms.ColumnName == "Id") 
        { 
         m.Id(Allcoulms.ColumnName); 
        } 
        else 
        { 
         m.Field(Allcoulms.ColumnName, Type.GetType("System.String")).Editable(true); 
        } 

       } 

      }) 

      .ServerOperation(true) 

      .Read(read => read.Action("Read", "Portfolio").Data("portFolioNameSpace.additionalInfo") 
     ) 
    ) 
     .HtmlAttributes(new { style = "width:2000;" }) 
     .Columns(columns => 
     { 


      columns.Template(p => { }).ClientTemplate("<input name='selectedIds' type='checkbox' value=\"#=Id#\" class='check_row' onchange='portFolioNameSpace.changeChk(event,this.checked,this);'/>") 
       .HeaderTemplate("<div style='background=#C7CA21 ;width= 40%'><input type='checkbox' style='outline: 2px solid #cfbe62' class='selectAll' onclick='portFolioNameSpace.buttonclick(event)'/></div>") 
       .HeaderHtmlAttributes(new { style = "text-align:center;" }) 
       .Width(30); 

      columns.Template(@<text></text>).Title(T("روند").ToString()).Width(30).ClientTemplate("<a onclick='portFolioNameSpace.onclickFlowFPortfolio(event)'><i class='iconmain-showall'></i></a>"); 
      columns.Template(@<text></text>).Title(T("اصل سند").ToString()).Width(50).ClientTemplate("<a onclick='portFolioNameSpace.GetFormData(event)'><i class='iconmain-Accepted'></i></a>"); 
      foreach (var Allcoulms in (List<HtmlHelperGridBuilder.GridCol>)ViewData["ViewDataGridfildes"]) 
      { 
       if (Allcoulms.ColumnName == "Id") 
       { 
        columns.Bound(Allcoulms.ColumnName).Visible(false); 
       } 
       else if (Allcoulms.ColumnName == "Subject") 
       { 
        columns.Bound(Allcoulms.ColumnName).Width(Allcoulms.ColumnWidth).Title(T(Allcoulms.ColumnTitle).ToString()).HtmlAttributes(new { style = "text-align:center;" }); 
       } 
       else if (Allcoulms.ColumnName == "Comment") 
       { 
        columns.Bound(Allcoulms.ColumnName).Width(200).Title(T(Allcoulms.ColumnTitle).ToString()).HtmlAttributes(new { style = "text-align:center;" }).ClientTemplate("<input type=\"text\" id=\"#=Id#\" value=\"#=Comment#\"/>"); 
       } 
       else if (Allcoulms.ColumnName == "notViewdRows") 
       { 

       } 
       else 
       { 
        columns.Bound(Allcoulms.ColumnName).Width(Allcoulms.ColumnWidth).Title(T(Allcoulms.ColumnTitle).ToString()).HtmlAttributes(new { style = "text-align:center;" }).HeaderHtmlAttributes(new { style = "text-align:center;" }); 
       } 
      } 



     }) 


       .Pageable(pager => pager.Enabled(true)) 
       .Scrollable() 
       .Filterable() 
       .Resizable(resize => resize.Columns((true))) 
       .Reorderable(reorder => reorder.Columns(true)) 

       .Events(e => e 
          .DataBound("portFolioNameSpace.gridDataBound") 
      ) 


) 

所以问题是，当一个coulmn的lengh比我在宽度设定更是让2line喜欢这幅画怎么这么我可以使它没有设置特定的宽度吗？

Answer 1

添加CSS属性overflow: hidden; white-space: nowrap;到列定义，像这样：

columns.Bound(Allcoulms.ColumnName).Width(Allcoulms.ColumnWidth).Title(T(Allcoulms.ColumnTitle).ToString()).HtmlAttributes(new { style = "text-align:center; overflow: hidden; white-space: nowrap;" }).HeaderHtmlAttributes(new { style = "text-align:center;" }); 

我测试和它的作品，看看它是否适合你了。

编辑

由于您使用的柱模板，您也可直接在你的CSS文件，甚至内嵌添加CSS属性的选项（虽然后者不是一个好的做法）