Метод адаптивной ширины столбца таблицы Layui

Давайте сначала поговорим о подводных камнях, с которыми можно столкнуться при адаптации таблицы в Layui:
при назначении пропорций таблицы и установке атрибута ширины ширина и ширина на самом деле имеют разные эффекты.

эффект, которого необходимо достичь

Отображение времени завершено

1 Для правильного использования используйте ширину в верхнем регистре для последней ширины, что является нормальным.

Вы также можете заменить последнюю ширину на maxWidth.

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

Эффект

2 Неправильное использование: последнее слово — ширина в нижнем регистре, а отображение ненормальное.

После использования нижнего регистра время невозможно отобразить.

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