JQuery Datatable：将列宽调整为内容

Question

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

Answer 1

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

Answer 2

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

如果我不放置内联表格，表格会扩展到页面的全宽。

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

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