Jquery 自动调整列宽数据表的大小

datatable列未自动调整大小。这是我的密码

var oTable =$('#test').dataTable( {
        "bJQueryUI": true,
        "aaData": aDataSet,
        "sPaginationType": "full_numbers",
        "oTableTools": {
        "aButtons": [ {"sExtends": "csv" , "sButtonText": "Save as CSV"}],
        "sSwfPath": "js/jquery/copy_csv_xls.swf"
    },
    "bAutoWidth" : true,
    "sDom": '<"H"lCf>t"H"<"F"iTp>',
    "aoColumnDefs": [
        { "bVisible": true, "aTargets": [ 11 ] }
    ],
    "aoColumns": [
        { "sTitle": "column1" },
        { "sTitle": "column1" },
        { "sTitle": "column1" },
        { "sTitle": "column1"},
        { "sTitle": "column1"},
        { "sTitle": "column1" },
        { "sTitle": "column1" },
        { "sTitle": "column1" },
        { "sTitle": "column1"},
        { "sTitle": "column1 By"},
        { "sTitle": "column1 Date"}
    ]
    } );
oTable.fnAdjustColumnSizing();
});

var-oTable=$（'#test'）。数据表（{
“bJQueryUI”：没错，
“aaData”：aDataSet，
“sPaginationType”：“完整编号”，
“可旋转工具”：{
“aButtons”：[{“sExtends”：“csv”，“sbuttonext”：“另存为csv”}]，
“sSwfPath”：“js/jquery/copy_csv_xls.swf”
},
“bAutoWidth”：没错，
“sDom”：“t“H”，
“aoColumnDefs”：[
{“bVisible”：true，“aTargets”：[11]}
],
“aoColumns”：[
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“缝合”：“column1”}，
{“sTitle”：“column1 By”}，
{“缝合”：“第1列日期”}
]
} );
可旋转。fn调整柱尺寸（）；
});

---

我希望所有列至少根据其标题值自动调整大小。

您只需像“正常”一样调整大小即可。

：

th，td{
空白：nowrap；
}

---

请参阅fidle->，其中包含一些非常长的标题/内容。

在数据表初始化后放置此代码：

oTable.find('thead th').css('width', 'auto');

---

您还可以使用datatable的

流体列宽

功能。如果要显示更多列，这将有助于在

X

和

Y

轴上自动调整大小并添加滚动条

$(document).ready(function() {
    var table = $('#example').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        columnDefs: [
            { width: '20%', targets: 0 }
        ],
        fixedColumns: true
    } );
} );

从

获取，请使用以下代码：

   $($.fn.dataTable.tables(true)).DataTable()
      .columns.adjust();

---

这将调整您的表结构（表的css）。

谢谢它解决了我在2019年的问题：-）非常值得升级。造型只解决了我的问题，也解决了@Yahiya的问题。