both CellTable.setWidth("100%", true). or css property table-layout:fixed fail

I want the topic "Controlling Column Widths" in the link
https://developers.google.com/web-toolkit/doc/latest/DevGuideUiCellTable
and I already set the Celltable table

table.setWidth("100%", true);

I also try to use css property

.tableLayout{
table-layout:fixed;
}

and then set this property to the celltable

table.addStyleName("tableLayout");

but the content still wrap to next line if its content is wider than the column width, how to make it truncate (overflow:hidden) the overflow content?

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/3qg2IRU9bOgJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.