從 2.0 版升級至 DataTables 2.1 版

如同 DataTables 的其他版本發佈一樣，特別是小改版，我們非常注重回溯相容性。大多數情況下，您應該可以升級至 2.1 版而無需任何修改，但有兩個重點值得注意，詳述如下。

自動寬度配置

在 DataTables 之前的範例中，您可能已經在 table 元素中看到 style="width: 100%"。 DataTables 使用此屬性來判斷是否應套用其自動寬度變更計算。這是必要的，因為很難在 Javascript 中讀取 CSS 的相對值 (絕對像素值很容易，但相對值(如 100%)就不是那麼容易了)。

為了簡化此最常見的使用案例 (事實上，預設 CSS 在 CSS 中具有 table { width: 100% }) 的 HTML，DataTables 現在會假設表格的寬度應為 100%，除非在 table 上找到 width="..." 或 style="width: ..." 屬性。

如果您的表格需要小於 100% 的寬度，您現在需要將 style 或 width 屬性新增至 table，例如：

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

版面配置格線更新

如 2.1 版的新功能文件中所詳述，layout 的預設 CSS 已更新，因此如果單一版面配置儲存格中有多個項目，它們現在會顯示在同一列上，而不是顯示為單獨的區塊 (即視覺上顯示為不同的列)。如果您有為 2.0 版新增該功能的 CSS，現在可以將其移除。如果您希望項目顯示在不同的列上，可以使用以下 CSS 來覆寫彈性盒子容器：

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