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 属性所