t:datatable 的滚动条答案

【问题标题】：scroll bar for t:datatablet:datatable 的滚动条
【发布时间】：2013-06-26 21:53:52
【问题描述】：

我正在使用如何添加垂直滚动条？

我试过了，但是没用

    <t:dataTable  style="scroll:auto"  class="display dataTable"  id="abc" border="1"   value="#{ManageBean.selectItems}" var="feed"     > 
     <h:column >
          <f:facet name="header">
          <h:outputText value="Name" />
          </f:facet>
  </h:column>
  </t:dataTable>

而jquery代码如下

  $(document).ready(function() {
  $('#ManageOutboundIdentitiesForm\\:abc').dataTable( {
    "sScrollY": "20px"
} );

   });

【问题讨论】：

标签： jsf myfaces

【解决方案1】：

最简单的方法是将dataTable 包装到一个div 中并添加一些CSS。示例

<div style="overflow: auto; width: 30%; height: 20%;">
     <t:dataTable..../>
     </t:dataTable>
</div>

我只是在这里猜测width 和height 的大小，因此请根据需要更改它们。

【讨论】：