解決Datatable不會隨著視窗寬度大小改變的問題

如果要解決Datatable不會隨著視窗寬度改變的問題，在官方說明文件有提供作法

https://datatables.net/reference/api/columns.adjust()

但是呢，不知道為什麼我的就是不會生效，所以，這篇的重點在於....

我有嘗試使用官方說明來處理

1. 把table容器的css加上display:block讓它自動填滿更上層的元素，

2. 在視窗改變時通知Datatable重繪內容

// 通知Datatable

$(window).resize(function () {

datatableApi.columns.adjust().draw();

});

但是我的就是沒有效果，結果最後發現只要用最簡單暴力的style width 100%就可以解決了!

解法

如果你的表格是只有設定基本沒有跟隨容器寬度，例如以下

<table class="display"></table>

就會需要設定像是width: 100%

<table class="display" style="width: 100%;"></table>

恩...我不知道該說什麼了....