如何爲特定的p：panelGrid設置ui-panelgrid-cell填充？

這是我的頁面結構：如何爲特定的p：panelGrid設置ui-panelgrid-cell填充？

<p:panelGrid> 
    <p:row> 
     <p:column> 
      <p:panelGrid id="innerPg_1"> 
     </p:column> 
     <p:column> 
      <p:panelGrid id="innerPg_2"> 
     </p:column> 
    </p:row> 
</p:panelGrid>

我想覆蓋在UI-panelGrid的細胞類填充屬性，只爲ID = 「innerPg_1」的panelGrid中，由制定我自己的CSS規則。我該怎麼做？

試着用以下規則：

#innerPg_1 .ui-panelgrid-cell { 
    padding: 1px 1px !important; 
}

，但它不工作。它不應該是一個錯誤的規則？所產生的HTML的一部分是：

<td role="gridcell" class="ui-panelgrid-cell"> 
    <tabled id="formId:innerPg_1"class="ui-panelgrid ui-widget role="grid">

來源

2015-01-26 Jacopo

你試過在你的css文件中添加以下內容：'＃innerPg_1 .ui-panelgrid-cell {property：xxx！重要}'？我不確定是否需要「重要」 – Pellizon 2015-01-26 22:03:46

它不起作用。 – Jacopo 2015-01-27 08:26:21

那麼，在生成的HTML組件的ID不是innerPg_1，它是formId:innerPg_1。

所以，在你的CSS你應該使用以下規則：#formId\:innerPg_1 .ui-panelgrid-cell {...}。（不要忘了斜線！）

我不知道什麼是你想實現的，但一開始，儘量只改變background-color，只是爲了檢查如果規則被overrided

此外，使用styleClass而不是id可能是一個更好的選擇，所以你可以重新使用它的另一個panelGrid

來源

2015-01-27 09:56:54 Pellizon

如何爲特定的p：panelGrid設置ui-panelgrid-cell填充？

回答

相關問題