Как настроить размер каждого столбца в datatable?

Question

Я использую этот сценарий для datatable в laravel 5. Я использовал класс col-lg-4 для настройки столбца таблицы, но он был проигнорирован, когда я использую datatable для набора данных.

Представление с датами выглядит так:

Как настроить размер каждого столбца?

Answer 1

Сетка css не влияет на ширину столбца таблицы данных. Вы можете вручную передать ширину конфигурации таблицы данных для каждого столбца примерно так:

 $('#mytable').dataTable( {
  "columns": [
     { "width": "10%" },
     { "width": "10%" },
     { "width": "20%" },
     { "width": "30%" },
     { "width": "20%" },
  ]
});

Для получения дополнительной информации вы можете обратиться к официальной документации

Answer 2

вы можете использовать функцию columns.width в javascript. для более подробной информации посетите: https://datatables.net/reference/option/columns.width