hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

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

2019-12-15后端开发ki4网29°c
A+ A-

在运用layui做数据表格的时刻,插进去的数据的id是否是一组一连的数字,那末就需要用到layui的cols的type属性。

 table.render({
    elem: '#test'
    ,url:'${pageContext.request.contextPath}/findcustomers'
    ,cols: [[
      {align:'center', title: '编号', sort: true,type:'numbers',width:100}
    ]]
    ,page: true
  });

我们就会取得一列有序的数列(ps:这里的必需加width属性,运用minWidth没有用,假如没用width,那末会运用layui的表格默许宽度40)

那末问题来了,我们的id怎样猎取呢,岂非id再开一列吗,假如id有意义,那末再开一列是能够的,假如没有意义但有需要用的话,那末把id隐蔽起来更加雅观。在layui2.4版本之前我们能够用layui的数据表格的done参数。

  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(隐蔽)属性。

  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
  });

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

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

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
layui数据表格隐蔽列的要领引见_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>