Layui 设置数据表格列宽自适应

最新推荐文章于 2023-11-02 10:41:11 发布

m0_46464643

最新推荐文章于 2023-11-02 10:41:11 发布

阅读量1.3w

点赞数 2

文章标签： javascript jquery html5

本文链接：https://blog.csdn.net/m0_46464643/article/details/104799225

版权

在这里插入图片描述
主要代码
cols: [[
{field:‘theDate’, width:‘10%’, title: ‘提货日期’,align:‘center’,unresize:true}
,{field:‘goodsId’, width:‘10%’, title: ‘商品Id’, align:‘center’}
,{field:‘goodsName’, width:‘30%’, title: ‘商品名称’, align:‘center’}
,{field:‘lineName’, width:‘10%’, title: ‘线路’, align:‘center’}
,{field:‘tranName’, width:‘10%’, title: ‘服务站’, align:‘center’}
,{field:‘wareHouse’, width:‘10%’, title: ‘所属仓库’, align:‘center’}
,{field:‘factSaleNum’, width:‘10%’, title: ‘实际销售数量’, align:‘center’}
,{field:‘returnNum’, width:‘10%’,title: ‘退货数量’, align:‘center’}
]],
done: function (res, curr, count){
$(“table”).css(“width”, “100%”);
//这里设置表格的宽度为100%
},