Xpages，Bootstrap和数据视图

Question

我在使用Bootstrap主题的Xpage应用程序中有一个数据视图。我开始使用View，但永远不会让寻呼机排队，数据视图效果更好。

但我不明白把我的表类css放在哪里。例如，如果我想要一个剥离表，我在视图的styleClass中输入“table table-striped”（或者可能是dataStyleClass）。如果我在数据视图的styleClass中这样做，我就不会得到条带。

我尝试了下面Mark的建议，但有些事情没有用。我添加了一个脚本调用并使用了tableview的id。它上面已经有一类“cleearfix表”。

我添加了Chrome的网络检查器，以显示正在发生的事情。

Answer 1

xe:dataView控件确实有styleClass属性，但您在此处设置的类会添加到包含数据视图的div元素，而不是table（和这就是Bootstrap需要table-striped类的地方。我会用一些JavaScript解决这个问题，在table元素上添加你需要的类

<xp:scriptBlock
id="scriptBlock1">
  <xp:this.value><![CDATA[
    $("table.dataview").addClass("table-striped table-hover")
  ]]></xp:this.value>
</xp:scriptBlock>