我该如何左对齐Xpages数据视图中的额外列

Question

DataViews在Xpages视图中真正提供了我想要的几乎所有内容EXECPT无法控制额外列的显示方式。他们总是对齐。有没有办法让他们左对齐？我不想在摘要列和额外的列之间留出大量空间。

Answer 1

列大小似乎是这样的，因为汇总列的宽度由渲染器设置（对于通常的数据视图为100％）。

如果你能删除width: 100%风格，列的大小会照常进行。

有几种方法可以做到这一点，但都不优雅。

使用CSS不会是一个不错的技术，但它会工作。既然我们无法解决特定的列与类名和宽度风格是内联的，我们可以定义myRowStyle作为rowStyleClass我们的数据视图控制和使用以下规则：

tr.myRowStyle td { width: auto !important; } 

现在，我们会考虑一些问题当然。此规则将覆盖其他列的任何内联或CSS定义。此外，如果您使用这些列中的任何表格，它们也会受到影响。

可以定义为最小副作用更具体的选择，但是这不会对旧的浏览器（例如，IE8）工作：

tr.myRowStyle > td:nth-child(2) { width: auto !important; } 

另一种方式是写一个简短的道场脚本，找到第二个TD在每一行中删除宽度属性。您可能会在数据视图之后放置诸如脚本。对于连接速度较慢的浏览器，可能会出现此情况下渲染阶段闪烁的情况。