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

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

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