如何在 gwt celltable 中混合固定列宽和相对列宽

发布于 2024-12-20 08:38:14 字数 673 浏览 1 评论 0原文

我需要创建一个宽度为 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

紫罗兰の梦幻 2024-12-27 08:38:14

从 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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文