Implement grid cell data of ext for long line feed display

Grid cells are omitted to display data. That is, when the content length exceeds the cell length, the excess parts are automatically hidden and the ellipsis is used... but sometimes we still want to display it completely, that is, using line breaks.

The simplest method is to directly modify ext-all.css, but it is generally not as intrusive as the ext source file, so you can implement it in other ways.
The method is actually very simple. You can determine whether the grid needs to be displayed with line breaks. If yes, add the following code: grid. Store. On ('load', function (){
Grid. El. Select ("table [class = x-grid3-row-table]"). Each (function (x ){
X. addclass ('x-grid3-cell-text-visible ');
});
});CSS file content:
. X-grid3-cell-text-visible. x-grid3-cell-inner {overflow: visible; padding: 3px 3px 5px; white-space: normal;} Source: yemoo's Js blog