DataTables - немного уменьшить столбец?

Question

Я использую DataTables и хотел бы немного уменьшить столбцы.

Для этого я использую следующий код.

$('#example').dataTable( {
  "columnDefs": [
    { "width": "29px", "targets": 0 }
  ]
});

Когда я проверяю количество пикселей в инструментах разработчика в Chrome, появляется значительно больше пикселей, и у меня все еще слишком много места между последней буквой имени столбца и стрелкой для сортировки , Смотрите скриншот.

Я просто хочу уменьшить расстояние между последней буквой метки и стрелкой для сортировки записей. Пример

Answer 1

Я не пробовал это решение, но, возможно, оно работает. Нам нужно определить ширину таблицы с помощью этой опции. Конфигурирование данных:

$('#example').dataTable( {
    "autoWidth": false
} );

Css:

table {
  margin: 0 auto;
  width: 100%;
  clear: both;
  border-collapse: collapse;
  table-layout: fixed; // ***********add this
  word-wrap:break-word; // ***********and this
}

ИЛИ

Вы можете попробовать перейти по этой ссылке: https://datatables.net/extensions/fixedcolumns/examples/initialisation/size_fixed.html