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

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

.x-grid3-hd-inner { white-space:normal !important; }

但是我去Extjs5.0的CSS那里去看，发现根本就没有这个东西，
对于4.0及之后版本， 应该是下面的css

.x-column-header-inner .x-column-header-text {
white-space: normal;
}

另外，为了让换行后的text居中显示，还需加入
.x-column-header-inner {
line-height: normal;
padding-top: 3px !important;
padding-bottom: 3px !important;
text-align: center;
}
这样，问题就解决了。