如何在 gwt celltable 中混合固定列宽和相对列宽
我需要创建一个宽度为 100% 的单元格表,并且需要一个相对宽度列和另外两个宽度固定的列。
我这样做是这样的:
table.setWidth("100%", true);
table.setColumnWidth(checkBoxColumn, 50, Unit.PX);
table.setColumnWidth(nameColumn, 35.0, Unit.PCT);
table.setColumnWidth(emailColumn, 65.0, Unit.PCT);
正如 http://code.google 中所述。 com/webtoolkit/doc/latest/DevGuideUiCellTable.html
在 FF 中它运行正常,但在 Google Chrome 中我无法让它工作。
这就是我得到的 http://www.under-code.com/cap-celltable .png
我该如何解决这个问题?我做错了什么吗?
I need to create a celltable with 100% width and I need a relative width column and another two with fixed width.
I am doing it in this way:
table.setWidth("100%", true);
table.setColumnWidth(checkBoxColumn, 50, Unit.PX);
table.setColumnWidth(nameColumn, 35.0, Unit.PCT);
table.setColumnWidth(emailColumn, 65.0, Unit.PCT);
as says in http://code.google.com/webtoolkit/doc/latest/DevGuideUiCellTable.html
In FF it runs ok, but in Google Chrome but I can't get it working.
This is what I am getting http://www.under-code.com/cap-celltable.png
How can I fix this? Is there anything that I am doing wrong?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
从 DOM 的屏幕截图中,我注意到表中有一个表。最上面的表格没有宽度,最里面的表格宽度为 100%。我相信最上面的桌子没有宽度是给你带来麻烦的原因。
您有可能使用 VerticalPanel 来布局 CellTable 吗?它的底层实现是一个可能导致这种不稳定的表。
如果是这样,您可以尝试:
1:使用 FlowPanel、SimplePanel 或 HTMLPanel 代替。它们的底层实现是 div,作为块级元素将扩展以填充其父元素的整个宽度。
2:将 width=100% 应用到您的 VerticalPanel
From the screenshot of your DOM, I notice you have a table inside of a table. The upper most table having no width, and the inner most table having width 100%. I believe the upper most table having no width is what is giving you trouble here.
By any chance are you using a VerticalPanel to layout your CellTable? It's underlying implementation is a table which can cause this sort of wonkiness.
If so, you can try:
1: Using a FlowPanel, SimplePanel, or HTMLPanel instead. Their underlying implementations are divs, which as a block level element will expand to fill the entire width of their parent.
2: Apply width=100% to your VerticalPanel