Datatables 同一页上的多个jquery数据表导致宽度问题。（数据表v10.13）

这会导致两个表的宽度问题。参考下面的代码

<table id="tblMessages" class="table table-striped table-bordered full-width table-advance table-hover table-condensed fl" style="border-collapse:collapse !important;">
                <thead>
                    <tr>
                        <th style="cursor:pointer; width:20%">From</th>
                        <th style="cursor:pointer; width:60%">Subject</th>
                        <th style="cursor:pointer; width:20%">Date</th>
                    </tr>
                </thead>
                <tbody></tbody>
            </table>

从…起
主题
日期

这是第二张桌子

<table id="tblToDos" class="table table-striped table-bordered table-advance full_width table-hover table-condensed fl" style="border-collapse:collapse !important">
                <thead>
                    <tr>
                        <th style="width:5%"></th>
                        <th style="cursor:pointer; width:20%">From</th>
                        <th style="cursor:pointer; width:30%">Patient</th>
                        <th style="cursor:pointer; width:35%">Subject</th>
                        <th style="cursor:pointer; width:10%">Reminder Date</th>
                    </tr>
                </thead>

从…起
病人
主题
提醒日期

注意，我尝试在Datatables的“Columns”属性中指定宽度，但没有成功

---

如果我删除了第二个表init，那么它工作正常。

我得到了解决方案。虽然这不是一个合适的解决方案，但我们可以通过使用下面的代码重新绘制网格来解决这个问题

$('#tblMessages').DataTable().columns.adjust().draw();

---

完成第二个数据表的初始化后，请将这一行放好。

我找到了解决方案。虽然这不是一个合适的解决方案，但我们可以通过使用下面的代码重新绘制网格来解决这个问题

$('#tblMessages').DataTable().columns.adjust().draw();

---

完成第二个数据表的初始化后，请将这一行放好。

列的宽度到底有什么问题？你能展示问题的截图吗？这些表最初是否可见？若表格最初隐藏（在选项卡中，accordion部分），则可能存在列宽问题两个表都会显示，但列宽已自动设置为自动宽度。请尝试禁用选项，并在初始化过程中指定列宽usint选项。该选项已更改，但没有任何区别。列宽的具体问题是什么？你能展示问题的截图吗？这些表最初是否可见？如果表格最初隐藏（在选项卡、accordion部分中），则可能会出现列宽问题。两个表格都显示，但列宽已自动设置为自动宽度。请尝试禁用选项并在初始化过程中指定列宽usint选项。该选项已做了更改，但没有任何区别。