从 2.0 升级至 DataTables 2.1

与以往的 DataTables 发行版一如既往，特别是小版本，我们始终非常注重向后兼容性。大多数情况下，你应能够升级到 2.1 而无需进行任何修改，但是，需要注意以下两点，如下所述。

自动宽度分配

对于截至目前的所有 DataTables 示例，你可能都已在 table 元素中看到 style="width: 100%"。DataTables 使用此代码确定是否应应用其自动宽度更改计算。这样做是必要的，因为在 JavaScript 中从 CSS 中读取相对值非常困难（绝对像素值很容易，但 100% 等相对值却并非如此）。

为了简化此用例的 HTML，此用例迄今为止最常见（事实上，默认 CSS 在 CSS 中包含了 table { width: 100% }），DataTables 现在将假设表格的宽度应为 100%，除非它在 table 上找到了 width="..." 或 style="width: ..." 属性。

如果你需要表格宽度小于 100%，你现在需要向 table 添加 style 或 width 属性，例如

<table id="myTable" style="width: 50%">

布局网格更新

正如 2.1 的新功能文档 中所述，layout 的默认 CSS 已更新，以便如果多个项目位于单个布局单元中，则现在它们将显示在单行上，而不是作为单独的块（即在视觉上作为不同的行）。如果你有 CSS 用于为 2.0 添加该功能，你现在可以将其删除。如果你确实希望项目显示在单独的行上，你可以使用以下 CSS 来覆盖 flex box 容器

div.dt-container div.dt-layout-row div.dt-layout-cell {
  display: block !important;
}