header text is partially showing

[PrathapKaraka]

Issue Check list

• Agree to the Code of Conduct
• Read the README
• You are using React 16.8.0+
• You installed styled-components
• 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