標題中的問題如下：
可以看到，所有列都靠左甚至有些還重疊了。
解決方案：
const dataTable = $('#Table').DataTable(..);
$(document).on('shown.bs.modal', function () {
// fix: 在 Bootstrap 的 Modal 中展示 DataTable 會出現表頭列寬度縮小的問題
// https://stackoverflow.com/a/43826114
dataTable.columns.adjust();
});
在 Modal 中執行上面的 js 代碼即可修復。