从layui表中移除右滑动条的实现方法

使用layui table后，表格会自动有一个滑动条，使用时需要去掉。原理如下：

定义一个标签的父div id，在这个id中查找类为layui-table-main和layui-form的标签，并将高度设置为100%。

//加载layui表格后，将表格高度重置为100%，不限制表格高度，不会有垂直滚动条功能autotableheight(){ var dev _ obj=document . getelementbyid(' table _ and _ page _ div _ id ')；//父divarlayuitable _ main=dev _ obj . getelementsbyclasname(' layui-table-main ')；//查找if (layuitable_main！)其中layui-table-main属性位于父div中。=null layuitable _ main . length 0){ layuitable _ main[0]. style . height=' 100% '；} var layuitable=dev _ obj . getelementsbyclassname(' layui-form ')；//查找if (layuitable！=null layuitable . length 0){ layuitable[0]. style . height=' 100% '；}}在表的done事件中调用AutoTableHeigh()。

//表配置var g _ table _ config={ elem : ' # device _ list _ table _ id '，data: null，limit :cg _ one page datacount//每页显示50项。Text: {none: '还没有相关数据' }，height :' full-200 '，cellminwidth : 70//全局定义常规单元格的最小宽度，这是在layui 2.2.1中添加的。page: false //打开分页。Cols: [g _ table _ cols]//，even : true//开启隔行背景，size: 'sm' /小尺寸表格，done 3360函数(res，curr，count){//如果是异步数据请求模式，RES就是你的界面返回的信息。//如果是直接赋值，res为：{data: []，count: 99} data为当前页面数据，count为data console.log(res)的总长度；//获取当前页码console . log(curr)；//获取总数据console . log(count)；AutoTableHeight()；} };最终效果如下：

删除上面layui表格右侧滑动条的实现方法是边肖分享的全部内容。希望能给大家一个参考，多支持我们。