Ticket #2186 (closed defect: worksforme)
Table get to wide
| Reported by: | Jonas Granvik | Owned by: | ticketmaster |
|---|---|---|---|
| Priority: | major | Milestone: | User Interface Library 5.3.0 RC2 |
| Component: | gwt-adapter-client | Version: | 5.2.11 |
| Keywords: | table header width ie7 | Cc: | |
| Known Issue description: | |||
| Hours estimate: | Deadline (dd.mm.yyyy): | ||
| Known Issue version (since): | Known Issue title: | ||
| Hours done: | Depends to: | ||
| Affects documentation: | no | ||
| Known Issue workaround: | Set table with to undefined or same as content width. | ||
| Affects release notes: | no | Contract: | |
Description
Code is included. If content.setWidth("500px") is omitted all browsers see the table as 9000px wide. If you restrict the width of the OrderedLayout?, then FF and Safari renders table ok, but IE7 pushes the panel 9000px to the right, although the table itself looks ok. I guess this has something to do with the header of the table and 100% width of table. If 100% is left out it works ok, but I need to get the table to 100% of content width.
Window main = new Window("Quick test");
setMainWindow(main);
OrderedLayout? base = new OrderedLayout?(
OrderedLayout?.ORIENTATION_HORIZONTAL);
main.setLayout(base);
OrderedLayout? content = new OrderedLayout?();
content.addComponent(new Label("Content."));
content.setWidth("500px");
Table table = new Table();
table.setPageLength(10);
table.setWidth("100%");
table.addContainerProperty("Lähettäjä", String.class, ""); table.addContainerProperty("Viestin tyyppi", String.class, "");
for (int i = 0; i < 15; i++) {
table.addItem(new Object[] { i + " Joku Ihminen", "Testiviesti" },
new Object());
}
content.addComponent(table);
Panel right = new Panel("Panel");
right.addComponent(new Label("Some basic text might show up here."));
base.addComponent(content);
base.addComponent(right);
