header text is partially showing

[PrathapKaraka]

Issue Check list

• [x] Agree to the Code of Conduct
• [x] Read the README
• [x] You are using React 16.8.0+
• [x] You installed styled-components
• [x] Include relevant code or preferably a code sandbox

Describe the bug

i'm using 7.5.2 version

basically when header cols text is bigger it's either show in 2nd line or show full length text. i tried all possible css but not working.

headCells: { style: { fontSize: '13px', fontWeight: '600', backgroundColor: '#326893', color: 'white', paddingTop: '8px', paddingBottom: '8px', whiteSpace: 'pre-wrap', // Allow text to wrap wordWrap: 'break-word', // Break long words overflow: 'visible', // Ensure overflow is visible textOverflow: 'clip', // Clip the text instead of showing dots }, },

there 2 larger header strings staggered version and mandatory update. but header text's are showing partially