从Silverlight到ExtJS再到BootStrap，DataTable（DataGrid）的样式格式化原理没变

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

<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">订单名称</th>             <th data-field="orderNumber" data-width="20%" data-cell-style="cellStyle">订单号</th>             <th data-field="orderTypeDesc" data-width="10%">订单类型</th>             <th data-field="payStatusDesc" data-width="10%">支付状态</th>             <th data-field="businessStatusDesc" data-width="10%">订单状态</th>             <th data-field="creatorName" data-width="15%">创建用户</th>             <th data-field="createTime" data-width="15%">下单日期</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>

　　

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function rowStyle(row, index) {     return {         css : {             "color" : "blue",             "cursor" : "pointer"         }     }; }   function cellStyle(value, row, index, field) {     return {         css : {             "color" : "blue",             "cursor" : "pointer"         }     }; }