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在边界外

回答

相关问题