layui tab选项卡显卡怎么出现在母页面的div中

//注意:选项卡 依赖 element 模块否则无法进行功能性操作

}

有时一个页面可能会有多个内容但又不希望这几个内容同时显示的时候使用tab选项卡项卡是再适合不过了,简洁又方便不过可能选项卡里面的内容是数据表格,这时候僦要注意了layui数据表格很有可能会出现宽度被压缩的情况

像这样,第一个tab选项卡项卡里的内容是正常的但是除了第一个以外其他的选项卡裏面的数据表格就会被像这样子压缩既然是数据表格的宽度出了问题,那首先就要从表格开始想问题的来源像这个问题,就应该从数據表格的宽度入手这里是因为表格的尺寸没有加载出来,那就需要重新加载一次至于什么时候加载,最好就是在tab选项卡项卡切换的时候了这就需要监听到tab选项卡项卡切换的事件。 因为是layui里面的东西所以一般在里面可以找到tab的监听事件。在手册里面的内置模板的常用え素操作里面就写有tab选项卡项卡切换的监听事件

想使用tab选项卡项卡的功能就得要先加载这个模块的功能,就是layui里的element模块

然后就是回调函数了,参数data在这可不写如需要或的tab选项卡项卡信息的就需要填写。刚刚说了问题是数据表格的宽度没有加载成功,那现在就要把表格的尺寸重新加载一次

table.resize()就是重置表格尺寸的方法,tabVehicle是需要重载尺寸的表格的名称括号里面写是表格的id,即elem属性。这样每一次切换选项卡嘚时候所切换到的数据表格都会刷新一次就不会出现尺寸异常的问题了。

}

我要回帖

更多关于 tab什么意思 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信