<table id= "TableOrder" data-toolbar= "Tablebtngroup" data-row-style= "RowStyle" ><thead style= " Background-color: #f0f0f0; " ><tr><th data-field= "Ordername" data-width= "20%" data-cell-style= "CellStyle" > Order name </th><th Data-field= "OrderNumber" data-width= "20%" data-cell-style= "CellStyle" > Order number </th><th data-field= " Ordertypedesc "data-width=" 10% "> Order type </th><th data-field=" Paystatusdesc "data-width=" 10% "> Payment status </ th><th data-field= "Businessstatusdesc" data-width= "10%" > Order status </th><th data-field= "CreatorName" Data-width= "15%" > Create user </th><th data-field= "createtime" data-width= "15%" > Order Date </th><th Data-field= "OrderType" data-visible= "false" ></th><th data-field= "Businessstatus" data-visible= "false" ></th><th data-field= "id" data-visible= "false" >id</th></tr></thead></table >
function RowStyle (row, index) {return {css: {"color": "Blue", "cursor": "Pointer"}};} function CellStyle (value, row, index, field) {return {css: {"color": "Blue", "cursor": "Pointer"}};}
The formatting of styles from Silverlight to ExtJS to Bootstrap,datatable (DataGrid) hasn't changed.