css - 一緒に働くトグルのシンボルの代わりにテキストをラベルとして使用

Question

p:rowTogglerでp: dataTable を使用しています。丸い円記号の代わりにテキストでトグルを表示したいです。 p:rowTogglerにラベルを付ける方法

Text Process _を表示するためにこのスタイルを試していますが、 p:rowTogglerとバインドするにはどうすればよいですか?

<style>
.toggler {
content: "Process";
}
</style>

実装するのは正しい方法ですか？テキストまたはリンクをクリックすると、rowExpantion のようになります
。

Answer 1

私は PF 6.1 を使用しており、行トグルがexpandLabelありcollapseLabel、これらが最初に利用可能になった時期が不明です。

<p:rowToggler expandLabel="View History" collapseLabel="Hide History"/>

cssは

.ui-datatable .ui-row-toggler {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}