Primefaces：DataTable在邊界外

我有一個PrimeFaces dataTable在面板內。但它有一個令人不安的外部邊界，我想刪除它但失敗。下面是XHTML代碼：Primefaces：DataTable在邊界外

<p:panel styleClass="centerPanel" id="centerPanel"> 
     <p:dataTable styleClass="DataTable" style="width:100%;" liveScroll="true" value="#{PanelController.panelList}" var="GridPanel" scrollable="true" scrollRows="20" scrollHeight="470" rows="5"> 
       <p:column> 

       </p:column> 
     </p:dataTable> 
    </p:panel>

，這裏是的CSS代碼：

.ui-datatable.DataTable th, .ui-datatable.DataTable tr, .ui-datatable.DataTable td, .ui-datatable.DataTable { 
background: rgba(220, 220, 220, 0.50) none; 
border: none; !important; 
border-color: rgba(0,0,0,0); !important; 
-webkit-background-clip:border;!important; 
color:rgba(0,0,0,0); 
} 

.DataTable.ui-datatable table thead { 
    display: none; 
    border: none; !important; 
}

，似乎 like

來源

2012-11-02 Ömer Faruk Almalı

是否要刪除表格中的所有邊框（包括濾鏡框的邊框）或只是包裝邊框？ –

我只是想刪除所有邊界，包括包裝邊框。而且我意識到更多奇怪的透明背景顏色被禁用dataTable行，我想我必須使用背景圖片。 –

使用下面的CSS樣式：

.DataTable table > thead > tr > th, 
    .DataTable table > tbody, 
    .DataTable table > tbody > tr, 
    .DataTable table > tbody > tr > td { 
     border: none !important; 
    }

的情況下

如果你不關心你的過濾器輸入框，這樣的元素只是做

.DataTable table * { 
     border: none !important; 
    }

來源

2012-11-02 19:31:21

非常感謝！你認爲行透明度？我的頁面有背景圖片，但dataTable背景顏色屬性不適用於透明度。（顏色像rgba（220,220,220,0.50） –

對不起，在選擇器之前留下臨時ID，因爲你的dataTable具有'DataTable' styleClass，正確的選擇器是'.DataTable'。 –

Primefaces：DataTable在邊界外

回答

相關問題