1

パネル内にPrimeFacesdataTableがあります。しかし、それは私がそれを削除したかったのに失敗した不穏な外側の境界線を持っています。xhtmlコードは次のとおりです。

 <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;
}

どうやらお気に入り

4

1 に答える 1

1

次の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-02T19:31:21.013 に答える