Center the header


Hi team,
Wondering how to center the header row (not the row with 1, 2, 3 etc.) ? Currently it default to align left.

1 answer

WebDataRocks Team WebDataRocks September 18, 2020

Thank you for writing to us.
To change the alignment of the header cells, overwrite the CSS style of the corresponding elements.
For example, use the following selectors to change the styling of the header cells in columns/rows correspondingly: .wdr-header-c, .wdr-header-r.
Please see the CodePen demonstrating the described approach for centering header cells in columns.
Our team hopes it works for your case.
Do not hesitate to contact us in case other questions arise.
WebDataRocks Team