layui中table数据表格隐蔽列的要领引见_WEB前端开发

如今国内的模板,也就layui一家独大了,个中的数据表格功能壮大,但我不会用python或许django拼接json,输出发送给数据表格,那只好用笨办法,轮回遍历吧。

数据表格中保存id列,是为了编辑修正的时刻猎取转业数据的id值,但又不须要展现出来,所以须要隐蔽。

id列的代码是:

, cols: [[ //标题栏
                    {field: 'data_id', title: 'ID', width: 50,style:'display:none;'}

这个代码就能够把下面的id列的值隐蔽起来,但标题栏的id还在,那末,问题来了,就用壮大的jquery处理呗。

 $('table.layui-table thead tr th:eq(0)').addClass('layui-hide');

当有多个表格的时刻,发明上面的代码只能把第一个表的第一列标题栏给隐蔽起来,假如一个页面有多个表格须要用:

 $('table.layui-table thead tr th:nth-child(1)').addClass('layui-hide');

另有问题,假如表格中有挑选框,默许会占有表格第一列,这个时刻,上面的代码就出错了。只能推到,运用第一个代码,一个一个的挑选。注重,layui的数据表格,自动会生成5个表格:

我当前页面只要两个表格,一个通例,一个有挑选框,搜刮发明内里竟然有10个 <table 开头,所以隐蔽列只能:

 $('table:eq(1).layui-table thead tr th:eq(0)').addClass('layui-hide');
$('table:eq(6).layui-table thead tr th:eq(1)').addClass('layui-hide');

更多layui学问请关注layui运用教程栏目。

以上就是layui中table数据表格隐蔽列的要领引见的细致内容,更多请关注ki4网别的相干文章!

Leave A Comment