求助:layui表格中某些列设置了hide:true后导致表头和数据不对齐

提问 未结 11 573
飏69
飏69 2020-3-24
悬赏:20飞吻
版本:layui 2.5.6 浏览器:Google Chrome
某些字段使用hide:true

显示效果


去掉hide:true

回帖
  • @飏69 这样的空白 你是不是每列都设置了固定宽度,而不是百分比。 或者你把数据多的列 的宽度去掉,不要每列都是固定的
    1 回复
  • IDyun
    2020-3-24
    最新版的没问题吧,或者设置宽度为0
    {width:0}
    0 回复
  • 飏69
    2020-3-24
    @IDyun 我用的就是官网最新的2.5.6、设置宽度为0也不行。多谢啦
    0 回复
  • IDyun
    2020-3-24
    你再设置宽度为1看一下
     {width:1}
    0 回复
  •   done: function (res, curr, count) {
    $("[data-field='id']").css('display','none'); 隐藏列
    试试
    0 回复
  • 飏69
    2020-3-25
    @Angel丨灬泪雨 还是无用,隐藏 的列会空出很大块空白
    0 回复
  • 飏69
    2020-3-25
    同志们,我通过调整表格的总宽度和各部分的宽度百分比,慢慢调出一个正常的比例了。

    0 回复
  • @飏69 $("[data-field=' 这里是你的filed的值 ']").css('display','none'); 隐藏列 你吧{ hide:true}去掉
    0 回复
  • @飏69 应该和你的宽度设置 没有关系
    0 回复
  • 飏69
    2020-3-25
    @Angel丨灬泪雨
    是这样的空白出现
    0 回复