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

如何在Xpages数据视图中左对齐额外的列,xpages,Xpages,DataViews实际上提供了我在Xpages视图EXECPT中想要的几乎所有内容,我无法控制额外列的显示方式。它们总是右对齐的。有没有办法让他们左对齐?我不希望摘要列和额外列之间有太大的空间。列大小似乎是这样的,因为摘要列的宽度是由渲染器设置的(对于通常的dataview为100%) 如果您可以删除width:100%样式,则列的大小将是常见的 有两种方法可以做到这一点,但都不优雅 使用CSS不是一种好的技术,但它会起作用。由于我们无法使用类名和宽度样式内联来处理特定列,因此我们可以将myR

DataViews实际上提供了我在Xpages视图EXECPT中想要的几乎所有内容,我无法控制额外列的显示方式。它们总是右对齐的。有没有办法让他们左对齐?我不希望摘要列和额外列之间有太大的空间。

列大小似乎是这样的,因为摘要列的宽度是由渲染器设置的(对于通常的dataview为100%)

如果您可以删除
width:100%
样式,则列的大小将是常见的

有两种方法可以做到这一点,但都不优雅

使用CSS不是一种好的技术,但它会起作用。由于我们无法使用类名和宽度样式内联来处理特定列,因此我们可以将myRowStyle定义为dataview控件的rowStyleClass,并使用以下规则:

tr.myRowStyle td { width: auto !important; }
当然,我们会考虑一些问题。此规则将覆盖其他列的任何内联或CSS定义。此外,如果在这些列中使用任何表,它们也会受到影响

您可以为最小副作用定义更具体的选择器,但这不适用于较旧的浏览器(例如IE8):


另一种方法是编写一个简短的dojo脚本,在每行中查找第二个TD并删除width属性。您可以在数据视图之后放置脚本等。对于连接速度较慢的浏览器,在这种情况下,可能会在呈现阶段看到闪烁。

检查HTML中的CSS类,使您能够区分额外的列和摘要列。我认为这是可行的,但似乎需要大量工作,正如您所说,这是不雅观的。我将其标记为正确,但我认为我将坚持使用视图控件,尽管我非常喜欢数据视图的外观和工作方式——除了这一点。
tr.myRowStyle > td:nth-child(2) { width: auto !important; }