Wrap Column Headers in Table Components

Queries and Resources
#1

I used global css to wrap the column headers of table components

 .ReactTable .rt-thead  {
  height: auto;
}
 .ReactTable .rt-column-header-name  {
  white-space: normal;
  }

It worked pretty well in every table across any app,
after the last table update it stopped working.
Can you please advise?

#2

Looks like it changed to .column-header-name. Does that fix your issue?

#3

Unfortunately, I can't get it to work. have you tested it and is it working ?

#4

Hey @p.siontoros!\

Could you try:

.column-title {
  white-space: normal !important;
}
.rt-th {
  height:auto;
}

Is this what you're looking for?

#5

yes thank you very much!

#6

Hello Chris,
Thanks for this bit of CSS to wrap the column headers.
Trying this yesterday, I noticed a 2 row header seems to cover the first row of the table???
Am I doing something wrong here?