Editable grid cell text is not displayed completely?

Question

I have an editable grid. in one of the cell i have entered more than 4000 chars. But the problem is only 4000 characters are visible and remaining are invisible but they are there in the cell.if i select invisible area with mouse then they are visible. The scenario is whenever the cell has more than 4000 chars it will happen and only 4000 are displayed and rest of them are invisible.PFB screen shots.

text invisible in the screen shot but it has text. enter image description here

text is visible if i select with mouse:

enter image description here

Thanks!

Thanks for your reply. is it possible to make it black? Thanks — user1016403, Jun 19 '12 at 12:18
use color:#000; in your input css to change the color to black — AbstractChaos, Jun 19 '12 at 13:38
Actually there are in white..once u select using mouse they will be in white color.. — user1016403, Jun 19 '12 at 13:39

score 0 · Answer 1 · answered Feb 08 '13 at 20:41

Try adding a renderer to that cell:

GridCellRenderer<BaseModel> renBIG = new GridCellRenderer<BaseModel>() {
   @Override
    public Object render(BaseModel model, String property, com.extjs.gxt.ui.client.widget.grid.ColumnData config, int rowIndex, int colIndex, ListStore<BaseModel> store, Grid<BaseModel> grid) {
                    return "<div style='width:100%; white-space: normal;'>" + (String) model.get("CELLNAME") + "</div>";
                }
            };
    columnBIG.setRenderer(renBIG );

Editable grid cell text is not displayed completely?

1 Answers1