如何在 jsf+richfaces 的 <rich:datatable> 中实现鼠标悬停的垂直滚动？答案

【问题标题】：How to implement verticall scrolling on mouse over in a <rich:datatable> in jsf+richfaces?如何在 jsf+richfaces 的 <rich:datatable> 中实现鼠标悬停的垂直滚动？
【发布时间】：2010-09-29 07:21:47
【问题描述】：

任何人都可以帮助实现这一要求。 rich:datatable 有这个属性吗？

【问题讨论】：

标签： java jsf richfaces

【解决方案1】：

使用Extended DataTable
这是相同的示例工作代码

<div id="production-list-header-div">
  <rich:dataTable columns="3" columnsWidth="80,300" style="width: 100%;">
    <rich:column sortable="false">
      <f:facet name="header">
        <h:outputText value="Projectnr." />
      </f:facet>
    </rich:column>
    <rich:column sortable="false">
      <f:facet name="header"> 
        <h:outputText value="Gidstitel" />
      </f:facet>
     </rich:column>
     <rich:column sortable="false"> 
       <f:facet name="header">
      </f:facet>
     </rich:column>
  </rich:dataTable>
</div>
<div id="production-list-rows-div" style="background-image: url('../images/div-border-left.jpg'); background-repeat: repeat-y; height: 400px; overflow: scroll;">
  <rich:dataTable value="#{productionHandler.productions}" var="prod"
      columns="3" columnsWidth="80,300"
      style="border-top-width: 0px; width: 100%;">
    <rich:column sortable="false" >
      <h:outputText value="#{prod.code}" />
    </rich:column>
    <rich:column sortable="false"> 
      <h:outputText value="#{prod.broadcastTitle}" />
     </rich:column>
     <rich:column sortable="false"> 
     </rich:column>
  </rich:dataTable>
</div>

【讨论】：