当前第2页 返回上一页
1 2 3 4 5 6 7 8 9 10 11 12 13 | table.render({
elem: '#test'
,url: '${pageContext.request.contextPath}/findcustomers'
,cols: [[
{align: 'center' , title: '编号' , sort: true,type: 'numbers' ,width:100}
,{field: 'cust_id' , title: 'ID' }
]]
,done: function (res,curr, count ){
$( ".layui-table-box" ).find( "[data-field='cust_id']" ).css( "display" , "none" );
}
,page: true
});
|
可以将id隐藏,但有那么零点几秒,id的列是加载出来了,最后隐藏的。那么有没有更有效的办法呢,只能layui自己在加载的时候,实现隐藏。所以在layui2.4版本的时候,layui的cols的参数新添了hide(隐藏)属性。

1 2 3 4 5 6 7 8 9 10 | table.render({
elem: '#test'
,url: '${pageContext.request.contextPath}/findcustomers'
,cols: [[
{align: 'center' , title: '编号' , sort: true,type: 'numbers' ,width:100}
,{field: 'cust_id' , title: 'ID' , hide:true}
]]
,page: true
});
|
我们只需添加 hide:true就可以将id列隐藏,并且能获得数据。
以上就是layui怎么隐藏表格行的详细内容,更多文章请关注木庄网络博客!
返回前面的内容
相关阅读 >>
layui怎么对弹出层显示数据
layui怎么关闭当前弹窗
layui上传图片成功之后怎么预览成功的图片
如何解决layui时间控件闪退问题
layui框架的好处
layui使用iconfont的方法介绍
layui如何刷新当前tab选项卡
让layui支持es5写法的方法介绍
layui时间控件清空之后无法正常使用的问题
layui弹出层怎么使用
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » layui怎么隐藏表格行