0

最初は使用<h:dataTable>していましたが、これで問題ありませんでしたが、その後、さらに機能が必要になったので、Primefaces の使用を開始し、その<p:dataTable>. すべてが順調に進んでいますが、テーブルに適用した CSS が機能しなくなりました。次に、<p:dataTable>が最初に を作成し<div>、次に の中でを作成していることがわかりまし<div>た<table>。

 <div id="tcform:tclist" .......>
       <table role="grid">....</table>
 </div>

ただし、<h:dataTable>HTML のみを作成します<table>。今、テーブルのIDを取得する方法を知りたい、またはそのテーブルにアクセスできる解決策はありますか. <h:dataTable>なぜと<p:dataTable>が違うのかということも知りたいです。

4

1 に答える 1

0

一般的な方法でテーブルのスタイルを設定したい場合は、それに応じて CSS セレクターを変更してください。の<table>はクラス<p:dataTable>によって選択可能です。ui-datatable

.ui-datatable td {
    background: pink;
}

特定の方法で特定のテーブルのみをスタイルしたい場合は、代わりにクラス名を付けて、ID ではなくクラス名で選択できるようにします。

例えば

<p:dataTable styleClass="foo">

によって上書き可能.ui-datatable.foo {}です。例えば

.ui-datatable.foo td {
    background: hotpink;
}
于 2012-08-30T11:00:54.523 に答える