标题中的问题如下：
可以看到，所有列都靠左甚至有些还重叠了。
解决方案：
const dataTable = $('#Table').DataTable(..);
$(document).on('shown.bs.modal', function () {
// fix: 在 Bootstrap 的 Modal 中展示 DataTable 会出现表头列宽度缩小的问题
// https://stackoverflow.com/a/43826114
dataTable.columns.adjust();
});
在 Modal 中执行上面的 js 代码即可修复。