Layui のテーブル適応型列幅メソッド

まず、layui でテーブル アダプテーションを行うときに遭遇する落とし穴について話しましょう。
テーブルに比率を割り当て、幅属性を設定するとき、幅と幅は実際には異なる効果を持ちます。

達成される効果

時刻表示完了

1 正しく使用するには、最後の幅に大文字の幅を使用します。これは通常のことです。

最後の幅を maxWidth に置き換えることもできます

cols: [[
  
  {
    
     field: 'JSDD', width: '30%', title: '教室名称'}
  ,{
    
     field: 'OperState', width: '30%', title: '报警信息' }
 ,{
    
     field: 'OperTime', Width: '40%' , title: '操作时间', sort: true }
 ]],

効果

2 間違った使い方: 最後の単語が小文字の width になっており、表示が異常です。

小文字を使用すると時刻が表示されなくなります。

cols: [[
  
  {
    
     field: 'JSDD', width: '30%', title: '教室名称'}
  ,{
    
     field: 'OperState', width: '30%', title: '报警信息' }
 ,{
    
     field: 'OperTime', width: '40%' , title: '操作时间', sort: true }
 ]],