richfaces 4.5.17を使用していますが、extendedDataTableを使用しようとしています。最初にページを読み込むと、表示されるデータが大きすぎるため、スクロールバーを表示する拡張データテーブルになります。ただし、実際の結果は4行しか表示されない単なるウィンドウです。さらに、データテーブルにはヘッダーは表示されません。RichFaces extendedDataTableスクロールバーは、画面のサイズ変更後まで表示されません
ブラウザウィンドウのサイズを変更しても、1ピクセルでも大きくまたは小さくすると、スクロールバーが突然表示され、ヘッダーがポップアップします。
ユーザーの回避策がありますが、ページを更新するたびにユーザーがウィンドウのサイズを変更するという大きな欠陥があります。
ヘッダが0の生成の高さで示されていたが、私はヘッダーが含まれるように私のStyles.cssをページを変更することで表示するために取得することができた:
.rf-edt-hdr-c{
height:45px !important;
}
私からのコードのスニペットページ:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core" lang="en">
<h:head></h:head>
<h:body>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:rich="http://richfaces.org/rich"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:a4j="http://richfaces.org/a4j" >
<t:panelGroup>
<rich:collapsiblePanel header="Reverts:" headerClass="textLeft" switchType="ajax" >
<rich:extendedDataTable id="listReverts" value="#{accountingBacking.reverts}" var="revert" columnClasses="textCenter, textCenter,textRight, textLeft,textCenter, textLeft"
sortMode="single" first="0" frozenColumns="1" style="width:830px;height:100px;">
<rich:column sortBy="#{revert.tranDate}">
<f:facet name="header">
<h:outputText value="Tran Date" />
</f:facet>
<a4j:commandLink render="accountDetailForm" action="#{accountingBacking.loadRevertTransaction}" onclick="#{rich:component('popAccountTranDetail')}.show()" onmouseover="Tip('#{msg_bundle.account_loadDetail_help}')">
<a4j:param name="tranid" value="#{revert.tranid}" assignTo="#{accountingBacking.tranId}" />
<h:outputText value="#{revert.tranDate}">
<f:convertDateTime type="date" pattern=" MM/dd/yyyy" />
</h:outputText>
</a4j:commandLink>
</rich:column>
<rich:column sortable="false">
<f:facet name="header">
<h:outputText value="Org" />
</f:facet>
<h:outputText value="#{revert.org}" />
</rich:column>
</rich:extendedDataTable>
</rich:collapsiblePanel>
</t:panelGroup>
</ui:composition>
</h:body>
</html>
がcollapsiblePanelが折りたたまれているノート?表が見えない場合、表はヘッダー・サイズのようなものを正しく計算できません。 – Makhiel
デフォルトは折りたたまれていません。通常のテーブルのように表示されます。そういうわけで、その行動はとても奇妙です。それは、jsがトリガーしていない初期化または更新のようなものです – Jolley71717