Tapestry根据屏幕分辨率删除网格列

Question

我使用的是Tapestry 5.4，它已经附带了Twitter Bootstrap。现在，我想为移动设备优化我的页面。我的网格包含太多信息无法在小屏幕上显示，所以我想在这种情况下隐藏一些列。 Bootstrap具有CSS选择器：http://getbootstrap.com/css/#responsive-utilities

但是，必须将它们放在列的th和td - 元素上。 Tapestry提供了rowClass - 参数来为行添加额外的CSS，但是对于列没有这种方式。

我的方案的最佳实践方法是什么？

Answer 1

立即想到两个解决方案：1）用t：loop和普通的html，tr，th和td标签自己创建表，或2）使用Tapestry的DOM重写

我会亲自与＃1合作，但对于＃2，请参阅此示例：http://apache-tapestry-mailing-list-archives.1045711.n5.nabble.com/Snippet-T5-A-mixin-to-rewrite-the-markup-of-element-td4479439.html#a4481772

Answer 2

从grid decorator mixin查看tapestry-stitch。它将允许您调整tr和td元素。

如果您还需要调整这些元素，那么添加对GridHeaderDecorator的支持会很简单。