Ширина столбца DataTables: небольшие значения не работают

Question

Я пытаюсь установить ширину столбца столбца DataTables на небольшое значение (например, 10px).

Согласно the docs, я должен быть в состоянии использовать:

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

Это похоже на работу для больших значений (например, 100px), но не для меньших Я пытаюсь использовать.

Мой колонковый заголовок и ячейки в этом столбце содержат только  , поэтому они не должны определять ширину. Я удалил возможности сортировки из заголовка, так что не ел пространство ("orderable": false).

Jsfiddle: https://jsfiddle.net/snoodaard/ak11heu4/

Я также попытался установить ширину явно с помощью <th width="5px">&nbsp;</th>.

Любые указатели на то, как это сделать?

Answer 1

РЕШЕНИЯ

Используйте следующий код для удаления отступов и контента для последнего столбца и цвета всех клеток в определенном цвете.

JavaScript

$('#mytable').dataTable({ 
    "order": [], 
    "paging": false, 
    "dom": 'T<"clear">lfrtip', 
    "columnDefs": [{ 
     "className": "tag", 
     "orderable": false, 
     "width": "2px", 
     "targets": 2 
    }] 
}); 

CSS

table.dataTable thead tr th.tag, 
table.dataTable tbody tr td.tag { 
    padding:0; 
    text-indent:-9999px; 
} 

table.dataTable tbody tr td.tag, 
table.dataTable tbody tr td.tag { 
    background-color:red; 
} 

Вы можете использовать createdRow обратного вызова, чтобы установить класс для строки на основании данных строк. Затем вы сможете покрасить каждую строку по-разному на основе этих данных.

DEMO

updated jsFiddle См для кода и демонстрации.