Wrap Text in Cfgrid – Cf9

We have been updated to cf9 from cf8 and we noticed that text in cfgrid column in not wrapped. Its just because of changes made in version 3 of ext. Turns out the fix is pretty simple. Look at the css code below which has to be applied on a page where you require to wrap text in cfgrid.

CF8:

[code:css]
<style>
.x-grid-row-selected td{color:black;}
.x-grid-col{white-space: normal ! important;}
.x-grid-cell-text {white-space: normal !important;}
</style>
[/code]

CF9:

[code:css]
<style>
.x-grid3-cell-inner {white-space: normal ! important; display:block;}
</style>
[/code]