New column properties (attributes) for CSS Class

CssClass and CssClassHeader

Author: juracy

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

@@ -18,7 +18,7 @@
             <tr>
                 @foreach (var column in Model.Columns)
                 {
-                    <th>@column.DisplayName</th>
+                    <th class="@column.CssClassHeader">@column.DisplayName</th>
                 }
             </tr>
         }

Mvc.JQuery.Datatables/ColDef.cs

@@ -16,12 +16,15 @@ protected internal ColDef(Type type)
         public bool Sortable { get; set; }
         public Type Type { get; set; }
         public bool Searchable { get; set; }
+        public String CssClass { get; set; }
+        public String CssClassHeader { get; set; }
         public SortDirection SortDirection { get; set; }
         public string MRenderFunction { get; set; }
         public FilterDef Filter { get; set; }
 
         public static ColDef Create(string name, string p1, Type propertyType, bool visible = true, bool sortable = true,
-            SortDirection sortDirection = SortDirection.None, string mRenderFunction = null)
+            SortDirection sortDirection = SortDirection.None, string mRenderFunction = null, string pCssClass = "",
+            string pCssClassHeader = "")
         {
             return new ColDef(propertyType)
             {
@@ -31,6 +34,8 @@ public static ColDef Create(string name, string p1, Type propertyType, bool visi
                 Sortable = sortable,
                 SortDirection = sortDirection,
                 MRenderFunction = mRenderFunction,
+                CssClass = pCssClass,
+                CssClassHeader = pCssClassHeader,
             };
         }
 

Mvc.JQuery.Datatables/DataTableConfigVm.cs

@@ -252,6 +252,7 @@ private static string convertColumnDefsToJson(IEnumerable<ColDef> columns)
             var nonVisibleColumns = columns.Select((x, idx) => x.Visible ? -1 : idx).Where(x => x > -1).ToArray();
             var nonSearchableColumns = columns.Select((x, idx) => x.Searchable ? -1 : idx).Where(x => x > -1).ToArray();
             var mRenderColumns = columns.Select((x, idx) => string.IsNullOrEmpty(x.MRenderFunction) ? new { x.MRenderFunction, Index = -1 } : new { x.MRenderFunction, Index = idx }).Where(x => x.Index > -1).ToArray();
+            var CssClassColumns = columns.Select((x, idx) => string.IsNullOrEmpty(x.CssClass) ? new { x.CssClass, Index = -1 } : new { x.CssClass, Index = idx }).Where(x => x.Index > -1).ToArray();
 
             var defs = new List<dynamic>();
 
@@ -266,6 +267,11 @@ private static string convertColumnDefsToJson(IEnumerable<ColDef> columns)
                 {
                     defs.Add(new { mRender = "%" + mRenderColumn.MRenderFunction + "%", aTargets = new[] {mRenderColumn.Index} });
                 }
+            if (CssClassColumns.Any())
+                foreach (var CssClassColumn in CssClassColumns)
+                {
+                    defs.Add(new { className = CssClassColumn.CssClass, aTargets = new[] { CssClassColumn.Index } });
+                }
 
             if (defs.Count > 0)
                 return new JavaScriptSerializer().Serialize(defs).Replace("\"%", "").Replace("%\"", "");

Mvc.JQuery.Datatables/DataTablesHelper.cs

@@ -49,7 +49,9 @@ public static ColDef[] ColDefs<TResult>()
                     Visible = pi.Item2.Visible,
                     Searchable = pi.Item2.Searchable,
                     SortDirection = pi.Item2.SortDirection,
-                    MRenderFunction = pi.Item2.MRenderFunction
+                    MRenderFunction = pi.Item2.MRenderFunction,
+                    CssClass = pi.Item2.CssClass,
+                    CssClassHeader = pi.Item2.CssClassHeader
                 });
             }
             return  columnList.ToArray();

Mvc.JQuery.Datatables/DataTablesTypeInfo.cs

@@ -73,6 +73,8 @@ public DataTablesAttribute()
         public Type DisplayNameResourceType { get; set; }
         public SortDirection SortDirection { get; set; }
         public string MRenderFunction { get; set; }
+        public String CssClass { get; set; }
+        public String CssClassHeader { get; set; }
 
         public bool Visible { get; set; }
     }