Table Scroll Column

Vaadin 6 / 7 / 8 Framework UI
3

Marko,

Here’s an example(basically just the first table example from the Book of Vaadin):


package com.example.tabletest;

import com.vaadin.Application;
import com.vaadin.ui.*;

public class TabletestApplication extends Application {
	@Override
	public void init() {
		Window mainWindow = new Window("Tabletest Application");
		Label label = new Label("Hello Vaadin user");
		mainWindow.addComponent(label);
		setMainWindow(mainWindow);
		setTheme("base");
		
		/* Create the table with a caption. */
		Table table = new Table("This is my Table");
		table.setWidth("100%");

		/* Define the names and data types of columns.
		 * The "default value" parameter is meaningless here. */
		table.addContainerProperty("First Name", String.class,  null);
		table.addContainerProperty("Last Name",  String.class,  null);
		table.addContainerProperty("Year",       Integer.class, null);

		/* Add a few items in the table. */
		table.addItem(new Object[] {
		    "Nicolaus","Copernicus",new Integer(1473)}, new Integer(1));
		table.addItem(new Object[] {
		    "Tycho",   "Brahe",     new Integer(1546)}, new Integer(2));
		table.addItem(new Object[] {
		    "Giordano","Bruno",     new Integer(1548)}, new Integer(3));
		table.addItem(new Object[] {
		    "Galileo", "Galilei",   new Integer(1564)}, new Integer(4));
		table.addItem(new Object[] {
		    "Johannes","Kepler",    new Integer(1571)}, new Integer(5));
		table.addItem(new Object[] {
		    "Isaac",   "Newton",    new Integer(1643)}, new Integer(6));
		
		mainWindow.addComponent(table);
	}
}

Here’s the right side of the table(screen captured from IE):

You can see there’s a column about 1 pixel wide on the very right.

If I don’t set the table width to 100%, I still get this double border effect on the right:

Thanks for your help!