JQuery Datatable：使列宽适合内容答案

【问题标题】：JQuery Datatable: Fit column width to contentJQuery Datatable：使列宽适合内容
【发布时间】：2021-05-03 16:29:30
【问题描述】：

我正在动态构建一个 DataTable，所以我不知道列的内容。我想获得一个表格，其中每个列宽都适合其内容宽度。我试图操纵“autoWidth”，但它会根据列的数量和表格宽度调整列的大小，但所有列的宽度都相同。如何让每列根据自己的内容调整宽度？

【问题讨论】：

标签： jquery datatables

【解决方案1】：

添加数据到表格后，您可以使用autoWidth: true 和columns.adjust() API 方法来调整列宽。

【讨论】：

"autoWidth": true 对我有用，没有使用 columns.adjust()
显然“autoWidth”默认为“true”，我不得不将其设置为“autoWidth”：false，然后使用columns.adjust()
是的，autoWidth 在文档中说autoWidth 默认为true，因此您不必设置autoWidth: true;。您需要将其更改为false，然后将columns.adjust() 放在数据表中呈现数据之后的某个位置。

【解决方案2】：

就我而言，
我需要将表格宽度调整/折叠到内容。 autowidth: true 还不够。它还需要display:inline-table。

如果我不放置 inline-table，表格会扩展到页面的整个宽度。

    /*  put 2 tables side by side */ 
    .dataTables_wrapper {
        display: inline-table;

        /* below optional .*/
        --width: auto;
        --max-width: 45%;
    }

【讨论】：