table使用方法渲染时表头撑满处理

提问 未结
5 292
鹿角少年
鹿角少年 2018-9-29
悬赏:20飞吻
版本:layui 浏览器:
table使用方法渲染时会出现表头不撑满的样子,数据拿到都就正常了,请教该让表头一开始就撑满啊

回帖
  • lay初见
    2018-9-29
    @鹿角少年 设置 每个表头width:25%
    0 回复
  • 丘尔
    2018-9-29
    用新的版本,功能按钮放到table里面,效果更好。
    0 回复
  • @丘尔 我用的就是最新的2.4.3的啊,
    我是这样处理的:
    0 回复
  • @lay初见
    还是不行的,
    0 回复
  • 丘尔
    2018-10-19
    你把 height:'full-280'去掉试试,我的没问题,我贴个代码给你试下

    table.render({
    elem: '#maintable',
    url:'{:url("api/Test/test_getListData")}',
    limit:15,//每页几条
    limits:{:config('PAGELIST')},
    even: true, //开启隔行背景
    page:true,
    toolbar: '#formbar',
    toolbar:'#toolbar',
    text: {
    none: '暂无相关数据' //默认:无数据。注:该属性为 layui 2.2.5 开始新增
    },
    // cellMinWidth: 100, //全局定义常规单元格的最小宽度
    cols : [[
    {type: "checkbox", fixed:"left", width:50},
    {type : 'numbers',title : '测试编号',width : 60},
    {field : 'asba02',title : '简称',sort : true},
    {field : 'asba09',title : '全称',sort : true},
    {field : 'asba06',title : '类型',width : 100,sort : true,
    templet :function(d){
    return d.asba06 == 0 ? '政府机关' : d.asba06 == 1? '事业单位' : '';
    }
    },
    {field : 'asba07',title : '排序',width : 100,sort : true,totalRow: true},
    {field : 'asba10',title : '工资核发单位',width : 130,sort : true},
    {field : 'asba13',title : '状态',width : 100,sort : true,
    templet: function(d){
    var strCheck = d.asba13 == "on" ? "checked" : "";
    return '<input type="checkbox" lay-skin="switch" lay-text="可用|禁用" disabled ' +strCheck+ ' >'
    }
    },
    {title: '操作', width:150, templet:'#formbutton',fixed:"right",align:"center"},
    ]]

    });
    0 回复