We have updated WebDataRocks EULA, effective as of April 18, 2024. Learn more about what's changed.
Download

Center the header

posted on September 2nd, 2020

Answered
Peter asked September 2, 2020

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

1 answer

WebDataRocks Team ⋅ WebDataRocks ⋅ September 18, 2020

Hello,
 
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.
 
Regards,
WebDataRocks Team