7

私はそれのためにcssで列幅を設定したprimefacesデータテーブルを持つフォームを持っています:

.idcol{width: 5%}
.prioritycol{width: 5%}
.titlecol{width: 30%}
.descriptioncol{width: 40%}
.actionscol{width: 10px}

すべて問題ありscrollable="true"ませんが、スクロール可能なデータテーブルを作成するために属性を追加すると、結果は最悪です:

ここに画像の説明を入力

これは datatable の宣言です:

<p:dataTable  id="dtable" var="todos" value="#{todo.todoList}" scrollable="true" 
                             resizableColumns="false" scrollHeight="300" lazy="true"
                             styleClass="idcol,prioritycol,titlecol,descriptioncol,actionscol">

何が問題ですか？ありがとうございました！

4

2 に答える 2

2

この方法で列幅を設定できます

<p:column headerText="Type"  width="70%">

または、この方法でスタイルクラスを指定できます

<p:column headerText="Type"  styleClass="idcol"  >

このような scrollWidth を追加できます

<p:dataTable var="data"  rowKey="#{data.key}" style="width:70%" 
sortOrder="ascending"
selection=""
value=""
selectionMode="single"
scrollable="true" 
scrollWidth="71%" 
scrollHeight="3%"
>

<p:ajax event="rowSelect" listener=""
update="" />

<p:column headerText="Type"  styleClass=""  sortBy="" width="70%">
<h:outputText id="dataTYpe" value="" />
</p:column>

<p:column headerText="Category"  sortBy="" width="30%">
<h:outputText value="" />
</p:column>

</p:dataTable>
于 2013-04-18T17:35:06.993 に答える