Jquery datatable-表头和列宽度不匹配

我正在寻找jquery数据表标题和列宽度大小不匹配的帮助。我的意思是列大小根据文本长度（数据表值）而变化。如何固定列应该是标准宽度，并与标题匹配

另一个问题是分页。我看起来像分页样式，但我的表中没有相同的样式。请帮助我

另一个请求是将给定示例（theme redmond）的同一主题应用于datatable

请在JSFIDLE中找到下面的my datatable

---

您需要将其放入固定大小列的表中

编辑：你们没能用表格的样式写下表格的宽度和布局，我希望下面的内容对你们有用

<table border="1" cellspacing="0" cellpadding="0" id="products" style="clear:both;layout:fixed;width:400px;">
    <col style="width: 40%"/>
        <col style="width: 30%"/>
        <col style="width: 10%"/>
        <col style="width:20%"/>

---

Check update updated

这只是codeomnitrix的一个小错误，但答案是正确的。不是布局，而是表格布局：

style="clear:both;table-layout:fixed;width:400px;"

---

这将覆盖导致页眉和正文列不匹配的引导CSS设置。

在任何上下文中使用的此语句都将使页眉与列匹配。我建议将其绑定到绑定到UI更改的函数中

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

$（'table.dataTable'）。换行（“”）

使用以下css

.datatableWrapperdiv{
溢出-x：自动；
宽度：100%；
}

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