easyui datagrid隔行变色
EasyUI Datagrid 变色 隔行
2023-09-11 14:15:13 时间
属性striped设置为true,即striped:true。
如果想更改颜色,可以更改easyui.css中的.datagrid-row-alt样式。
或者:
<table id="dg" class="easyui-datagrid" style="width: 1000px; height: 300px"
data-options="
rownumbers:true,
onClickRow:ClickRow,
singleSelect:false,
border:true,
pagination:true,
url:'DataGridDataHandler.ashx',
<%-- //隔行变色--%>
rowStyler: function(index,row){
if ((index % 2)==0){
return 'background-color:#0000C6;color:#fff;font-weight:bold;';
}
else{
return 'background-color:#009100;color:#fff;font-weight:bold;';
}
},
toolbar:'#tb'">
相关文章
- 把DataTable 转换成Json格式,适用于EasyUI 绑定DataGrid
- 第二百二十二节,jQuery EasyUI,DataGrid(数据表格)组件
- jQuery easyUI--下拉菜单的制作
- paip.gui控件form窗体的原理实现以及easyui的新建以及编辑实现
- easyui datagrid client搜索、分页、排序
- 给Jquery easyui 的datagrid 每行添加操作链接
- 修正EasyUI的BUG——Form中存在FileBox时的数据载入错误
- 基于MVC4+EasyUI的Web开发框架经验总结(13)--DataGrid控件实现自己主动适应宽带高度
- EasyUI DataGrid和Pagination
- 使用Jquery+EasyUI 进行框架项目开发案例解说之二---用户管理源代码分享