采用样式解决Ext.Grid单元格长度显示过长问题

最简单的办法莫过于直接修改ext-all.css,为了不侵入ext的源文件,最好采用别的方法实现。
方法其实也很简单,判断该grid是否需要换行显示。如果是则加上这段代码:
grid.store.on('load', function() {
    gridEl.select("table[class=x-grid3-row-table]").each(function(x) {
        x.addClass('x-grid3-cell-text-visible');
    });
});

CSS文件内容:

.x-grid3-cell-text-visible .x-grid3-cell-inner{overflow:visible;padding:3px 3px 3px 5px;white-space:normal;}
样式太强大了

你可能感兴趣的:(css,ext)