前言

• 若依(ruoyi)： v4.3
• mysql：5.5.40
• BootstrapTable

分析

若依(ruoyi)的前端基于Bootstrap的輕量級表格插件 BootstrapTable 實現的表格。因此使用BootstrapTable修改列寬的方法即可。

經過網上檢索，BootstrapTable提供的width屬性定制列寬無效。需要使用其它方法。

目前找到了2個可行的方法：

修改樣式 .th-inner 的寬度。

在值的外層套上div，在div上指定寬度。

修改樣式 .th-inner 的寬度

定義樣式

.W120 .th-inner {width:120px !important; } .W80 .th-inner {width:80px !important; } .W60 .th-inner {width:60px !important; }.W150 .th-inner {width:150px !important; }

配置 columns 時，給列添加class

{class: 'W120',field: 'buyTime',title: '購買時間' }

在值的外層套上div，在div上指定寬度

配置 columns 時，使用formatter格式化值的內容。

{field: 'buyTime',title: '購買時間',formatter: function (value, row, index) {return '<div style="width:400px;">'+value+'</div>';} }

注意：用span套不行，用div套可以

參考

https://blog.csdn.net/u013194063/article/details/79671773
https://www.cnblogs.com/suitao/p/8306349.html
https://blog.csdn.net/a854517900/article/details/83062274

總結

以上是生活随笔為你收集整理的【若依(ruoyi)】table定制列宽的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。