datatable 列宽度 自适应

294 阅读1分钟

问题

没有自适应

解决方法

关闭自适应

autoWidth: false, // 关闭自动宽度计算

单列的设置宽度,全部都去掉

{
    title: '服务城市',
    data: "shopCity",
    "orderable": false,
    // "width": 110,
    render: function (data, type, row, index) {
        return data;
    }
},
{
    title: '车管家全称', data: "stewardComName", "orderable": false,
    // "width": 120,
    render: function (data, type, row, index) {
        return data;
    }
},

完整代码

autoWidth: false, // 关闭自动宽度计算

"columns": [
    {
        title: '门店名称', data: "shopName", "orderable": false,
        // width: '100px',
        width: '10%',
        render: function (data, type, row, index) {
            return data;
        }
    },
    {
        title: '服务城市',
        data: "shopCity",
        "orderable": false,
        // "width": 110,
        render: function (data, type, row, index) {
            return data;
        }
    },

为什么要关闭?

因为默认是打开的,但是不知道为什么格式是乱的,没有自适应

然后关闭,反而好了

datatables.net/reference/o…

单列设置宽度

虽然大部分列都正常了,自适应了,但是第一列仍然很窄

怎么改宽一点?

width: '10%',

// width: '100px',

这种不生效

但是百分比,可以生效