How can I have a multi line grid header with GXT 3.0? I saw a solution in ext js forums, and I overwrote "x-column-header-inner .x-column-header-text" in my own css file.But it did not work.

.x-column-header-inner .x-column-header-text {
white-space: normal;
display: table-cell;
vertical-align: middle;
}
.x-column-header-inner {
line-height: normal;
padding-top: 1px !important;
padding-bottom: 1px !important;
display: table-cell;
vertical-align: middle;
}

Is there a way to do it?