layui中table表头样式修改方法
2018-08-15 09:37
996 查看
如下所示:
layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , url: '${ctx}/alarm/queryEventShowScatter' , even: true , page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档 layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局 //,curr: 5 //设定初始在第 5 页 , groups: 1 //只显示 1 个连续页码 , first: false //不显示首页 , last: false //不显示尾页 } , cols: [[ {field: 'id', width: '15%', title: '1', style: 'background-color: #5FB878; color: #fff'} , {field: 'srcip', width: '15%', title: '2', style: 'background-color: #5FB878; color: #fff'} , {field: 'logtime', width: '20%', title: '3', style: 'background-color: #5FB878; color: #fff'} , {field: 'lasttime', width: '20%', title: '4', style: 'background-color: #5FB878; color: #fff'} , {field: 'count', width: '15%', title: '5', style: 'background-color: #5FB878; color: #fff'} , {field: 'percent', width: '15%', title: '6', style: 'background-color: #5FB878; color: #fff'} ]], done: function (res, curr, count) { $('tr').css({'background-color': '#009688', 'color': '#fff'}); } }); });
done:function()方法在加载完成时回调,用jquery修改样式。
以上这篇layui中table表头样式修改方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 使用layui修改table样式
- 使用storyboard显示UITableView时,如果不修改系统默认生成的tableView:cellForRowAtIndexPath:方法中的代码,则必须为UITableViewCell注册(填写)重用标识符:identifier.必须要代码方法中的标识符一致.
- bootstrap-table组合表头的实现方法
- ASP.net中Gridview修改表头后没有排序功能的解决方法
- (原创)iOS 左滑删除,左滑时修改tableview中的样式
- 【iOS开发-58】tableView初识:5个重要方法的使用和2种样式的差别
- table表设置了class属性,如何修改里面的tr或者td样式
- 修改toolTip 和 Alert样式的方法
- Android 修改spinner 字体颜色 样式的方法
- 常用的一些js方法实例 页面取值 坐标 修改样式 弹层 (1)
- Vue修改mint-ui默认样式的方法
- 最笨的方法写出最通俗的Table细边框样式
- 修改Visual Assist中的方法注释样式;Eclipse中使用doxygen注释C++方法
- phpcms 修改$page方法输出样式
- 分享一个table初始化的方法(绑定query,建立表头及列)
- bootstrap-table表头固定,表内容不对齐的另类解决方法
- layui 实现点击按钮添加一行(方法渲染创建的table)
- Asp.net 更改Alert样式和后台注册Jquery的Ajax异步提交事件[包括处理前操作、处理后操作(注明:此方法只是作为参考,如有需要可自行修改)]
- 将页面table内容与样式另存成excel文件的方法
- layui框架table 数据表格的方法级渲染详解