【筆記】DataTable 搭配 Bootstrap Tab 時依據客製化 css 調整欄位寬度

使用情境：
jQuery v3.3.1
DataTable v1.10.19
Bootstrap v4.2.1

由於需客製化樣式，因此合作的美工使用 css 及 js 來調整 table 內文字的大小及樣式，結果造成某些情境下 table 的 head 欄寬與 body 欄寬不同，使得使用者在閱讀上出現困難。
 以下是我現在解決此問題的筆記。