Added fixedlayout/width options

Author: mcintyre321

Mvc.JQuery.Datatables.Example/Controllers/HomeController.cs

@@ -67,7 +67,7 @@ public class UserView
         [DataTables(DisplayName = "E-Mail", Searchable = true)]
         public string Email { get; set; }
 
-        [DataTables( Sortable = false)]
+        [DataTables( Sortable = false, Width = "150px")]
         public bool IsAdmin { get; set; }
 
         [DataTables(Visible = false)]

Mvc.JQuery.Datatables.Example/Views/Home/_ExampleTable.cshtml

@@ -13,7 +13,7 @@
 <script type="text/javascript" src="/Content/jquery-datatables-column-filter/jquery-ui-timepicker-addon.js"></script>
 <link rel="stylesheet" href="/Content/jquery-datatables-column-filter/jquery-ui-timepicker-addon.css" />
 
-<script type="text/javascript" src="/Content/jquery-datatables-column-filter/media/js/jquery.dataTables.columnFilter.js"></script>
+<link rel="stylesheet" href="/Content/jquery-datatables-column-filter/media/js/jquery.dataTables.columnFilter.css" />
 <script type="text/javascript" src="/Content/jquery-datatables-column-filter/media/js/jquery.dataTables.columnFilter.js"></script>
 
 <link rel="stylesheet" href="//cdn.datatables.net/colvis/1.1.1/css/dataTables.colVis.css" />
@@ -41,6 +41,7 @@
     vm.LengthMenu.RemoveAll(t => t.Item2 == 5);
     vm.PageLength = 25; //... and set a default
     vm.ColVis = true;
+    vm.FixedLayout = true;
     if (Request.QueryString["lang"] == "de")
     {
         //vm.Language = "{ 'sUrl': '" + Url.Content("~/Content/jquery.dataTables.lang.de-DE.txt") + "' }";

Mvc.JQuery.Datatables.Templates/Mvc.JQuery.Datatables.Templates.csproj

@@ -87,6 +87,7 @@
   <ItemGroup>
     <Content Include="Content\jquery-datatables-column-filter\jquery-ui-timepicker-addon.css" />
     <Content Include="Content\jquery-datatables-column-filter\jquery-ui-timepicker-addon.js" />
+    <Content Include="Content\jquery-datatables-column-filter\media\js\jquery.dataTables.columnFilter.css" />
     <Content Include="Content\jquery-datatables-column-filter\media\js\jquery.dataTables.columnFilter.js" />
     <Content Include="Content\jquery-datatables-column-filter\media\js\jquery.multiselect.js" />
     <Content Include="Views\Shared\DataTable.cshtml" />

Mvc.JQuery.Datatables.Templates/Views/Shared/DataTable.cshtml

@@ -4,14 +4,14 @@
 @using Newtonsoft.Json
 @using Newtonsoft.Json.Linq
 @model DataTableConfigVm
-<table id="@Model.Id" class="display @(Model.TableClass ?? DataTableConfigVm.DefaultTableClass ?? "")" >
+<table id="@Model.Id" class="display @(Model.TableClass ?? DataTableConfigVm.DefaultTableClass ?? "")" @Html.Raw(Model.FixedLayout ? "style='table-layout:fixed'":"")>
     <thead>
         @if (Model.ColumnFilter)
         {
             <tr>
                 @foreach (var column in Model.Columns)
                 {
-                    <th>@column.DisplayName</th>
+                    <th @(Html.Raw(column.Width != null ? "style='width:" + column.Width + "'" : ""))>@column.DisplayName</th>
                 }
             </tr>
         }

Mvc.JQuery.Datatables/DataTableConfigVm.cs

@@ -108,7 +108,8 @@ public string ColumnSortingString
         public string GlobalJsVariableName { get; private set; }
 
         private bool _columnFilter;
- 
+
+        public bool FixedLayout { get; set; }
 
         public class _FilterOn<TTarget>
         {

Mvc.JQuery.Datatables/DataTablesAttribute.cs

@@ -25,6 +25,7 @@ public DataTablesAttribute()
         public string MRenderFunction { get; set; }
         public String CssClass { get; set; }
         public String CssClassHeader { get; set; }
+        public string Width { get; set; }
 
         public bool Visible { get; set; }
 
@@ -40,6 +41,7 @@ public override void ApplyTo(ColDef colDef, System.Reflection.PropertyInfo pi)
             colDef.CssClass = this.CssClass;
             colDef.CssClassHeader = this.CssClassHeader;
             colDef.CustomAttributes = pi.GetCustomAttributes().ToArray();
+            colDef.Width = this.Width;
         }
     }
 }

Mvc.JQuery.Datatables/Models/ColDef.cs

@@ -35,5 +35,6 @@ protected internal ColDef(string name, Type type)
 
         public JObject SearchCols { get; set; }
         public Attribute[] CustomAttributes { get; set; }
+        public string Width { get; set; }
     }
 }

Mvc.JQuery.Datatables/Mvc.JQuery.Datatables.csproj

@@ -130,6 +130,9 @@
     <EmbeddedResource Include="..\Mvc.JQuery.Datatables.Templates\Content\jquery-datatables-column-filter\jquery-ui-timepicker-addon.js">
       <Link>Content\jquery-datatables-column-filter\jquery-ui-timepicker-addon.js</Link>
     </EmbeddedResource>
+    <EmbeddedResource Include="..\Mvc.JQuery.Datatables.Templates\Content\jquery-datatables-column-filter\media\js\jquery.dataTables.columnFilter.css">
+      <Link>Content\jquery-datatables-column-filter\media\js\jquery.dataTables.columnFilter.css</Link>
+    </EmbeddedResource>
     <Content Include="RegisterDatatablesModelBinder.cs.pp" />
     <None Include="packages.config" />
     <None Include="Views\Web.config" />