layui表格的表头怎么隐藏,内容可以隐藏,但是表头却还在
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui表格的表头怎么隐藏,内容可以隐藏,但是表头却还在相关的知识,希望对你有一定的参考价值。
首先,我们打开需要处理的数据。 然后,我们选中需要隐藏的列(或者行)。 接下来,切换到“开始”选项卡,选择“单元格”组中的“格式”命令 在弹出的菜单中选择“隐藏和取消隐藏”中的“隐藏列”选项 之后就会发现“部门”这一列被隐藏了。追问滚滚滚,我们说的就不是一个问题!
参考技术A 表头里设置 hide:true就可以了 参考技术B 用jQuery获取到div然后隐藏jQuery('th[data-field="OID"]').hide(); 参考技术C 首先,我们打开需要处理的数据。 然后,我们选中需要隐藏的列(或者行)。 接下来,切换到“开始”选项卡,选择“单元格”组中的“格式”命令 在弹出的菜单中选择“隐藏和取消隐藏”中的“隐藏列”选项 之后就会发现“部门”这一列被隐藏了
layui table 表格出现表头和内容不对齐问题解决方法
在使用layui开发中,表格如出现滚动条,表头和表内容不对齐的问题,是因为滚动条的宽度影响到了。
因为滚动条有单独的补丁列,把源码lay/modules/table.js 845行注释
o = function (e) {
// if (a && l) {//滚动条导致列和头不对齐问题
if (a) {
if (
((e = e.eq(0)), !e.find(".layui-table-patch")[0])
) {
var i = t(
\'<th class="layui-table-patch"><div class="layui-table-cell"></div></th>\'
);
i.find("div").css({
width: a,
}),
e.find("tr").append(i);
}
} else e.find(".layui-table-patch").remove();
};
css减少补丁列的宽
th.layui-table-patch{
padding: 0 !important;
}
以上是关于layui表格的表头怎么隐藏,内容可以隐藏,但是表头却还在的主要内容,如果未能解决你的问题,请参考以下文章