[FIXED] Grid columns/rows missaligned in FF3.0.10 and Safari 3.2.1

[appian_it]

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]

Please use the forums search. This was already reported and fixed.

[dron]

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.