Primefaces: DataTable außerhalb der Grenze

Ich habe eine PrimeFaces dataTable innerhalb eines Panels. Aber es hat eine beunruhigende außerhalb der Grenze, die ich haben wollte, um es zu löschen, scheiterte aber. Hier sind xhtml-codes:

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

Und hier sind die css-codes:

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

und es scheint Primefaces: DataTable außerhalb der Grenze

Möchten Sie alle die Grenze innerhalb Ihrer Tabelle (einschließlich der Grenze für filter-Boxen) oder nur die Verpackung Grenzen?
ich möchte nur entfernen Sie alle Grenzen, einschließlich wrapper Grenzen. Und ich erkannte sth mehr komisch transparente Hintergrundfarben sind deaktiviert dataTable Zeilen, ich glaube, ich habe zu verwenden hintergrund-Bilder.

InformationsquelleAutor | 2012-11-02

  1. 1

    verwenden Sie die folgenden css-Stil:

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

    des im Fall, wenn die kümmern sich nicht um Ihre filter-input-Boxen, und solche Elemente nur tun

       .DataTable table * {
       border: none !important;
   }
    vielen Dank! was u denken über die Zeile Transparenz? Ich habe ein Hintergrundbild für meine Seite, aber dataTable-background-color-Eigenschaft funktioniert einfach nicht für Transparenz. (Farbe wie rgba(220,220,220,0.50)
    sorry für verlassen, dass die temporäre id ein, bevor Sie die Selektoren, die seit Ihrem dataTable haben die DataTable styleClass den richtigen Selektor ist .DataTable.

    InformationsquelleAutor Akos K

Schreibe einen Kommentar