隱藏邊框不影響內部數據表

如何隱藏p的網格線（境）：panelGrid中不影響內部數據表中目前使用該CSS primefaces 4.0隱藏邊框不影響內部數據表

邊界：

.ui-panelgrid td, .ui-panelgrid tr{ 
    border-style: none !important 
}

它同時影響數據表和麪板網格。但我只想要隱藏面板網格線。

在我的情況下，數據表嵌套在面板網格內。

謝謝。

來源

2014-01-13 Shekhar Khairnar

向我們展示了一些代碼來理解結構。 – Era

你缺少分號將其更改爲以下，然後再試一次：的.ui-TR panelGrid中，的.ui-panelGrid的TD { 邊界：無重要; } – Anas

@anas：沒有 - 如果它是一個CSS的類定義中的最後一個元素，你不必。但這是最好的做法。 –

你可以在你的CSS文件中使用此代碼：

.ui-panelgrid > tr td, .ui-panelgrid > tr{ 
    border-style: none !important 
}

來源

2014-01-13 09:42:31

感謝重播saeed。你有什麼建議沒有working..any替代.. –

我知道我遲到了黨，但我只是來翻過了同樣的問題，並通過使用固定啊它：panelGrid的（標準JSF庫）而不是primefaces元素。你有邊界屬性。

<h:panelGrid border= "0"> 
[inner Table - not affected] 
</h:panelGrid>

來源

2014-04-25 14:39:06

.ui-panelgrid tr, .ui-panelgrid td{ 
    border:none !important; 
} 

.ui-datatable .ui-datatable-data tr,.ui-datatable .ui-datatable-data-empty tr,.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data-empty td{ 
    border:1px solid !important; 
}

來源

2014-07-15 04:47:24 user3839350

隨着5.3版本（或更早）

空白模式：要使用styleClass屬性中刪除添加邊框ui-noborder樣式類到組件和刪除邊框加上背景顏色，適用ui-panelgrid-blank風格。

來源

2015-11-18 22:08:59

謝謝。適用於Primefaces 5.3 – cete3

隱藏邊框不影響內部數據表

回答

相關問題