ExtJS4.0及其后版本 grid column的header 换行

首先说明，我用的是ExtJs5.0，遇到这个问题时，搜索的中文博客、论坛的解决办法，都不能够解决这个问题，然后我上了 谷粉（关于此，笔者已没有力气吐槽），通过试验，已成功解决 column的header换行的问题。

1. 大部分论坛帖子都说过的， 修改css样式，即添加一个css，

<style>.x-grid3-hd-inner { white-space:normal !important; }</style>

但是我去Extjs5.0的CSS那里去看，发现根本就没有这个东西，

对于4.0及之后版本， 应该是下面的css

<style>.x-column-header-inner .x-column-header-text {    white-space: normal;}</style>

另外，为了让换行后的text居中显示，还需加入

.x-column-header-inner {    line-height: normal;    padding-top: 3px !important;    padding-bottom: 3px !important;    text-align: center;}

这样，问题就解决了。