columns width 0% when initialize ,but become normal when zooming the page (Firefox)

Currently i'm using Datatables 1.10.6 (jquery.dataTables.js) , but because i need button extention , so i add Datatables 1.10.17(dataTables.js) too...

when i run it in chrome ,, the column width seems normal but,
The problem is when i run it in firefox the column header cells width default to 0% when loaded ..
https://drive.google.com/file/d/1FSs21oAL1eE40ZSXygV_kTh-tMXUd-rJ/view?usp=sharing

but when i zoom in / zoom out / inspect element the page, the column header width become normal in firefox.
https://drive.google.com/file/d/1fjyURO6ZkyUpC0flTCGNmGQrdRJ6FMUc/view?usp=sharing

Any idea? how to fix this issue?