如何不设置表格列宽使表格自动分配列宽

提问 已结 16 310
flyer41270
flyer41270 2019-5-17
悬赏:20飞吻
版本:layui 浏览器:

不设置列宽的情况下如何使表格不出现后面的这个空白格呢
回帖
  • @flyer41270 $("[data-field='id']").css('display','none');问题这儿
    如果想隐藏的话{field: 'id', title: 'ID',hide:true},如果不想显示可以直接拿掉这一列,操作的时候不影响获取ID
    0 回复
  • 建议加个minWidth不然窗口很小的时候会缩到一起,你把浏览器窗口调小点就明白了
    至于最后空白格,任意一列加个minWidth就不出现
    1 回复
  • flyer41270
    2019-5-17
    @红烧鱼i
     table.render({
    elem: '#tableCode'
    , url: '/base/table/findList'
    , cols: [
    [
    {checkbox: true}
    , {field: 'id', title: 'ID'}
    , {field: 'status', title: '类型', templet: '#areaToCompany'}
    , {field: 'name', title: '名称',minWidth:80}
    , {field: 'codeRemark', title: '备注'}
    , {fixed: 'right', title: '操作', toolbar: '#barCode'}
    ]
    ],
    done: function(res, curr, count){
    $("[data-field='id']").css('display','none');
    }
    , page: true
    });
    [汗] 是的,,,还是不行
    1 回复
  • flyer41270
    2019-5-17
    因为checkbox也占了一些位置,,所以不能设置加起来100%,会出现滚动条
    0 回复
  • flyer41270
    2019-5-17
    @單克拉的眼淚 我加了minWidth之后还是一样的..最后还有一列空白
    0 回复
  • 红烧鱼i
    2019-5-17
    @flyer41270 哪个版本的
    0 回复
  • @flyer41270 上代码和layui版本号
    0 回复
  • flyer41270
    2019-5-17
    @單克拉的眼淚
    //方法级渲染;初始化表格
    table.render({
    elem: '#tableCode'
    , url: '/base/table/findList'
    , cols: [
    [
    {checkbox: true}
    , {field: 'id', title: 'ID'}
    , {field: 'status', title: '类型',width:150, templet: '#areaToCompany'}
    , {field: 'name', title: '名称',minWidth:80}
    , {field: 'codeRemark', title: '备注',minWidth:80}
    , {fixed: 'right', title: '操作', toolbar: '#barCode', width:180}
    ]
    ],
    done: function(res, curr, count){
    $("[data-field='id']").css('display','none');
    }
    , page: true
    });
    版本号:
    /** layui-v2.4.5 MIT License By https://www.layui.com */
    0 回复
  • flyer41270
    2019-5-17
    @红烧鱼i
    版本号:
    /** layui-v2.4.5 MIT License By https://www.layui.com */
    0 回复
  • 红烧鱼i
    2019-5-17
    @flyer41270 那这就是 bug,按理说,其他列不给宽度,一列给minWidth会自动铺满的
    0 回复