Как указать ширину столбца в DataTable? - PullRequest
2 голосов
/ 06 марта 2012

У меня есть следующие данные:

$(function() {
    var dataTableColumns = [
        { "sType": "numeric" },     null, null, null, null, null,
        null, null, null, null, null, { "sType": "date-dayofweek" },
        null, null, null, null, null, null, { "sType": "date-dayofweek" },
        null, null, null, null, null, 
        null, null, null, null, null,
        null, null, null, null, 
        null, null, null, null,  
        null, null, null, null,  
        null, { "sType": "date" }, null
    ];

    oTable = $('#example').dataTable({
        "bPaginate" : true,
        "aaSorting": [ [0,'asc'] ],
        "aoColumns" : dataTableColumns,
        "oLanguage": {
            "sLengthMenu": 'Show <select>'+
                '<option value="10">10<\/option>'+
                '<option value="25">25<\/option>'+
                '<option value="50">50<\/option>'+
                '<option value="100">100<\/option>'+
                '<option value="-1">All<\/option>'+
                '<\/select> records'
        },
        "iDisplayLength": -1,
    });
});

Несколько столбцов в приведенном выше дататабле содержат текстовые данные, и я хочу указать параметр ширины для этих столбцов.Я пробовал различные варианты bAutoWidth, sWidth, td width, css style, fnAdjustColumnSizing, но, похоже, ничего не работает .. Я не знаю, что происходит неправильно .. Пожалуйста, помогите !!

Ответы [ 2 ]

4 голосов
/ 08 марта 2012

Я понял это.Оставил следующую опцию в стиле объявления html таблицы (width: 4000px) и bAutoWidth: false.Я знаю этот метод грубой силы, чтобы исправить положение, но у меня нет другого выбора.Мне действительно не нравились значения ширины столбца, установленные с помощью datatable.

0 голосов
/ 19 декабря 2016

Если вы используете DataTable 1.10.x или новее, вы должны знать, что для правильной работы параметра autoWidth необходимо установить значение false.

См. Этот пример:

$('#example').dataTable( {
  "autoWidth": false,
  "columnDefs": [
    { "width": "20%", "targets": 0 }
  ]
} );

Примечание: Даже официальная документация не скажет вам этого.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...