jquery - 如何指定DataTable中的列宽?

标签 jquery datatable width

我有以下数据表:

$(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,但似乎没有任何效果..我不知道出了什么问题..请帮助!!

最佳答案

我明白了这一点。在表的 html 声明样式中提供以下选项(宽度:4000px)和 bAutoWidth:false。我知道这是解决问题的蛮力方法,但我别无选择。我真的不喜欢数据表设置的列宽。

关于jquery - 如何指定DataTable中的列宽?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9576974/

相关文章:

javascript - 检查具有相同类名的多个元素的值

jquery - 显示一个div(有样式“display :none") by clicking image in another div

javascript - 包含来自 Codeigniter 的 PHP 数据的数据表子行

jsf - Primefaces selectCheckboxMenu 过滤器在 selectOneMenu 位于数据表内时不​​起作用

vb.net - 从数据表更新 sqlite 文件

css - 如何使用tailwindcss更改悬停宽度

jquery - 使用 jQuery 的动态宽度 - 自定义选择框

javascript - 如何使用javascript在div上设置等宽

javascript - 如何在 jquery 中进行单选按钮验证

javascript - 如何在文本区域中选择文本行