layui弄一个好看的数据表格样式

主要代码：

 done: function (res, curr, count) {$('th').css({ 'background-color': '#262626', 'color': 'white', 'font-weight': '500' });var that = this.elem.next(); res.data.forEach(function (item, index) {//console.log(item.empName);item表示每列显示的数据if (index % 2 == 0) {var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css('background-color', '#737373').addClass('addclass');} else {var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']").css('background-color', '#b3b3b3').addClass('addclass');}})},text: {none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增},id: 'order_list'});

<script type="text/html" id="barDemo"><button type="button" class="layui-btn layui-btn-sm layui-btn-normal" lay-event='select'  style="background-color: #2e3338;"><i class="layui-icon">&#xe615;</i> 详情</button>@*<button type="button" class="layui-btn layui-btn-sm layui-btn-danger" lay-event='del'><i class="layui-icon">&#xe640;</i> 删除</button>*@
</script>

layui弄一个好看的数据表格样式相关推荐

分享两种好看的CSS表格样式
分享两种好看的CSS表格样式,要的摘走,呵呵(如上图). 代码: <!DOCTYPE html><html><head><meta http-equiv=&q ...
js layui跳转页面_Layui数据表格跳转到指定页的实现方法
Layui数据表格跳转到指定页的实现方法 1.获取数据表格下分页组件中的页码输入框,具体元素在Elements中位置如下 2.获取上述input并设置其value属性值为目标跳转页面页码 $(&quo ...
layui 传递前端请求_Layui数据表格前后端json数据接收的方法
先上效果图: 前端数据表格: 编号菜单名称菜单路径菜单图标菜单子菜单操作编辑删除 js代码 $(function () { //注意:这里是数据表格的加载数据,必须写 layui.use(['ta ...
html 好看的数据表格,CSS制作好看的网页表格
如果数据表格对于视力没有问题用户都难以阅读的话,那么想像一个那些用辅助技术(掌上设备)的人来说,它们是多么复杂和混乱.幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1 ...
好看的php表格样式,CSS_CSS实现的清爽、漂亮的表格样式分享，效果：实现代码：复制代码 - phpStudy...
CSS实现的清爽.漂亮的表格样式分享效果: 实现代码: 复制代码代码如下: CSS实现的清爽.漂亮的表格样式 - jb5t1.net /* CSS Document */ body { font: ...
基于layui中table组件的数据表格单元格合并
layui.use(['table'], function () {var $ = layui.$, table = layui.table;var mergeColumns=['province', ...
layui table动态选中_layui后台管理—table 数据表格详细讲解
1.layui介绍 layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,非常适合界面的快速开发.layui区别于那些基于MVVM底 ...
Layui数据表格的引用
对于一些编程插件的引用,相信大多数的编程人员都不会感觉到陌生,因为在对程序开发和项目开发的过程中往往都会需要引用到插件,那么至于插件呢,也有很多种,比如: bootstrap jquery layui ...
layui数据表格的使用
(作者:郭鑫撰写时间:2019年5月13号) layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,非常方 ...

layui弄一个好看的数据表格样式

layui弄一个好看的数据表格样式相关推荐

最新文章

热门文章