码迷,mamicode.com
首页 > Web开发 > 详细

从Silverlight到ExtJS再到BootStrap,DataTable(DataGrid)的样式格式化原理没变

时间:2016-09-26 19:34:19      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:

<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>

  

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

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

  

从Silverlight到ExtJS再到BootStrap,DataTable(DataGrid)的样式格式化原理没变

标签:

原文地址:http://www.cnblogs.com/rgqancy/p/5910006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!