While the page is loading, the columns are set with defined width within the vue file, these appear to be correct. See image below for loading screen. The two examples (2nd & 3rd col) below are center aligned using:
However, once the page is finally loaded, the columns collapse down and push the filter icons right next to the header text. I have used the .eheadercelldiv styling used in other forum posts about centering... which does center the header & column text, but now creates the cramped text/icon issue seen below.