PDA

View Full Version : [FIXED] Grid columns/rows missaligned in FF3.0.10 and Safari 3.2.1



appian_it
19 May 2009, 7:50 AM
In GXT 2.0 M1
GWT 1.6.4
Windows XP


I have the following grid configuration:



List<ColumnConfig> columns = new ArrayList<ColumnConfig>();

CheckBoxSelectionModel<BeanModel> sm = new CheckBoxSelectionModel<BeanModel>();
columns.add(sm.getColumn());

ColumnConfig column = new ColumnConfig("name", "Name", 150);
columns.add(column);

column = new ColumnConfig("description", "Description", 100);
columns.add(column);

column = new ColumnConfig("lastModified", "Las Modified", 200);
columns.add(column);

ColumnModel cm = new ColumnModel(columns);

// grid instance
grid = new Grid<BeanModel>(store, cm);
grid.setLoadMask(true);
grid.setBorders(true);
grid.setAutoExpandColumn("name");
grid.setSelectionModel(sm);
grid.addPlugin(sm);

// grid panel
gridPanel = new ContentPanel();
gridPanel.setFrame(true);
gridPanel.setHeaderVisible(false);
gridPanel.setLayout(new FitLayout());
gridPanel.add(grid);
gridPanel.setSize(600, 350);
gridPanel.setBottomComponent(toolBar);

// build UI
mainPanel.add(gridPanel);



The grid renders properly in Hosted mode and IE8. However, FF3 and Safari have issues with the column alignment. The checkboxes are overlapped with the next column when the grid first renders. If I resize any column then the checkbox column has more space but the overlapping still exists and the rows are still misaligned (see pictures).

Also, note how in FF after the grid renders for the first time there are extra row lines at the end of each row, but after resizing they're gone. In IE8 there are never lines. There's an inconsistency there.

sven
19 May 2009, 7:58 AM
Please use the forums search. This was already reported and fixed.

dron
8 Jun 2009, 2:23 AM
Please use the forums search. This was already reported and fixed.
Hello,

I can't find this thread, could you point to the thread where is it reported and fixed.