Data table created with grid, but the header of the table is misaligned with the following contents

Data table created with grid, but the header of the table is misaligned with the following contents. Does anyone have such problem? How to solve it?

Most probably some third-side css is overriding the styles for the html-table:
Please, try to add :
table {table-layout: auto !important;}
or the
table { border-collapse: separate !important;}
Here is a similar problem


If the issue still occurs for you please, provide a complete demo, where the problem can be reconstructed locally.