layui数据表格

网站

Layui数据表格中使用下拉选框被遮挡的解决方法，要在表格渲染中操作

CSDN中，搜索到很多方法，无非就是加样式，可是加了样式，生效了，却没有完全生效。没有加样式之前，完全遮挡，加了样式，遮挡一部分，实际上还是没有解决问题。其实，要解决这个问题，很容易。在table中，加入如下代码。

id: 'resume',
        page: true,
        limit: 50,
        limits: [50, 100, 200, 500, 1000],
        done: function (res, curr, count) {
          $(".layui-table-body, .layui-table-box, .layui-table-cell").css('overflow','visible');
        }

1

2

3

4

5

6

7

id: 'resume',

page: true,

limit: 50,

limits: [50, 100, 200, 500, 1000],

done: function (res, curr, count) {

$(".layui-table-body, .layui-table-box, .layui-table-cell").css('overflow','visible');

}

done之后，对样式重新定义，这样才能正确显示样式。网上说的方法没错，错就…

蓝洛水深

2022年4月25日

032.2K0

网站

给Layui数据表格选中行增加自定义样式，看表格可以更轻松

通过最新版的Layui文档可以看到，Layui本身提供了数据表格的单击、双击事件的监听，那么整体就简单很多。文档的描述是这样的：可以看到，通过如下方式，即可获取当前行：

table.on('row(test)', function(obj){
  console.log(obj.tr) //得到当前行元素对象
  console.log(obj.data) //得到当前行数据
  //obj.del(); //删除当前行
  //obj.update(fields) //修改当前行数据
});

1

2

3

4

5

6

table.on('row(test)', function(obj){

console.log(obj.tr) //得到当前行元素对象

console.log(obj.data) //得到当前行数据

//obj.del(); //删除当前行

//obj.update(fields) //修改当前行数据

});

如果要改变当前行的颜色，则这样写：

// 改变行样式 
      table.on('row(customerTable)', function(obj){
            $(".layui-table-body tr ").attr({"style":"background:#FFFFFF"});//其他tr恢复原样
            console.log(obj.tr.selector) //得到当前点击的tr
            $(obj.tr.selector).attr({"style":"background:#00BBFF;color:#fff"});//改变当前tr颜色
     
        });

1

2

3

4

5

6

7

// 改变行样式

table.on('row(customerTable)', function(obj){

$(".layui-table-body tr ").attr({"style":"background:#FFFFFF"});//其他tr恢复原样

console.log(obj.tr.selector) //得到当前点击的tr

$(obj.tr.selector).attr({"style":"background:#00BBFF;color:#fff"});//改变当前tr颜色

});

实际的结果如下：

蓝洛水深

2022年1月19日

023.8K0

网站

Layui数据表格怎么写一个通用的模板？多列数据相同返回时的写法

通常，我们以templet: ratio参数作为Layui的数据表格模板，再对ratio进行定义，即可实现。我们只需要做一些简单的返回，比如state判断，0输出一个button，1输出另一个button。需求在实际开发过程中，我遇到一个需要使用通用模板返回不同数据的需求。即所有列都定义一个相同的templet名称，通过获取layui当前列名称和所在…

蓝洛水深

2021年11月2日

013830