本文介绍了一种在ExtJS框架中使Grid表格单元格内容自动换行的方法，通过监听Grid加载事件并修改相关元素的样式来实现，同时提供了一段CSS样式代码确保文字不会溢出。
最简单的办法莫过于直接修改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;}
方法其实也很简单，判断该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;}
样式太强大了
扫一扫
14
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
