layui静态表格设置滚动条_layui如何让table滑动条隐藏?

layui如何让滑动条隐藏?下面本篇文章给大家介绍一下layui table去掉右侧滑动条的实现方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

使用layui table后,table会自动有一个滑动条,使用时需要去掉,原理如下:

定义一个tab的父div id,在这个id中寻找 class为 layui-table-main,layui-form的标签,将高度设置为100%即可。//在layui table加载完成后,重新设置表格高度为100%,不限制表格高度,不会在表格上出现垂直滚动条

function AutoTableHeight()

{

var dev_obj = document.getElementById('table_and_page_div_id'); //table的父div

var layuitable_main = dev_obj.getElementsByClassName("layui-table-main"); //在父div中找 layui-table-main 属性所在标签

if (layuitable_main != null && layuitable_main.length > 0) {

layuitable_main[0].style.height = '100%';

}

var layuitable = dev_obj.getElementsByClassName("layui-form"); //在父div中找 layui-form 属性所

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值