layui table 控件列宽(width)如何其余列使用固定数值,某几列自动宽度来填满整个表格?

提问 已结 21 627
yyyyyfly
yyyyyfly 2019-4-18
悬赏:20飞吻
版本:layui layui-v2.4.5 浏览器:chrome
layui table 控件列宽(width)如何其余列使用固定数值,某几列自动宽度来填满整个表格?
如果我设置不设置这个属性,则会使用cellMinWidth
我需要对width填写什么数值来达到填充满整个表格的目的
回帖
  • 这是一个bug,width: '60' 改成 width: 60 [微笑]
    0 回复
  • 不是啊 默认就是宽度100% 所以你就算设置了几个宽度 其他的也会填满啊
    0 回复
  • yyyyyfly
    2019-4-18
    @独爱繁星 就是不设置width属性吗?
    0 回复
  • yyyyyfly
    2019-4-18
    @独爱繁星 无论我设置成
    width:''
    还是直接没有width属性
    他都会自动变成cellMinWidth的宽度
    0 回复
  • 没完全懂意思,但你可以用 minWidth来设置固定数值的最小值
    0 回复
  • @yyyyyfly 贴代码 不可能的
    0 回复
  • yyyyyfly
    2019-4-18
    @落日繁星 就是说如果我没有设置width属性的话,他没有像例子一样填满屏幕,而是那一列变成了最小宽度
    0 回复
  • @yyyyyfly 会不会是你其他列设置的宽度超过了table的总宽度
    0 回复
  • yyyyyfly
    2019-4-18
    @独爱繁星
    [[{
    title: '序号',
    type: 'numbers',
    fixed: 'left',
    sort: false
    }, {
    title: '客户性质',
    event: 'clickfun',
    field: '4',
    width: '90',
    edit: false,
    sort: false,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '客户名称',
    event: 'clickfun',
    field: '1',
    edit: false,
    sort: true,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '发现时间',
    event: 'clickfun',
    field: '2',
    width: '110',
    edit: false,
    sort: true,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '跟进时间',
    event: 'clickfun',
    field: '3',
    width: '110',
    edit: false,
    sort: true,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '客户联系人',
    event: 'clickfun',
    field: '7',
    width: '110',
    edit: false,
    sort: true,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '手机号码',
    event: 'clickfun',
    field: '5',
    width: '120',
    edit: false,
    sort: true,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '技术支持',
    event: 'clickfun',
    field: '6',
    width: '110',
    edit: false,
    sort: true,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '业务经理',
    event: 'clickfun',
    field: '11',
    width: '110',
    edit: false,
    sort: false,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '编辑',
    event: 'clickfun',
    field: '8',
    width: '60',
    edit: false,
    sort: false,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }, {
    title: '选择',
    event: 'clickfun',
    field: '9',
    width: '60',
    edit: false,
    sort: false,
    type: 'normal',
    style: 'font-family:微软雅黑;font-size:13px;height:20px;line-height:20px'
    }]];
    注意看客户名称那一列
    0 回复
  • yyyyyfly
    2019-4-18
    @落日繁星 刚贴了代码和效果图,麻烦帮忙看看[嘻嘻]
    0 回复