ausblenden primefaces Tabelle Spaltenüberschrift

Habe ich eine p:treeTable und der Baum-Inhalte sind alle in einer Spalte. Der Baum ist eine gemeinsame Komponente, so dass einige meiner Seiten erfordern die Spaltenüberschrift, und manche nicht. In den Seiten wo die columnHeader leer ist, wird eine leere Zeile für die Kopfzeile der Spalte, die ich nicht will. Ich möchte die Spalte Inhalt, nicht nur die header, wenn es keine Spaltenüberschrift.

Wie kann ich dieses Problem beheben? Irgendwelche Hinweise/Ideen wäre toll. Danke!

InformationsquelleAutor santa029 | 2012-10-09
  1. 15

    Können Sie das Problem mit custom-CSS die Einstellung der thead-Attribut display auf none:

    Beispiel:

    div[id="testForm:first"] thead {
    display:none;
}

    wenn Ihr JSF ähnelt:

    <h:form id="testForm">
    <p:dataTable id="first">
        ...
    <p:/dataTable>
</h:form>
    • vielen Dank für die Beantwortung, die display:none für mich gearbeitet, gezwickt wenig, um die vorgesehene Zeile .hide-column-header-table thead tr[Rolle='row'] {display: none;}
    InformationsquelleAutor Akos K
  2. 5

    Eine mehr formale Lösung:

    TAGS:

    <p:treeTable styleClass="tree-table-no-header">

    Stil:

    .tree-table-no-header thead {
    display: none;
}
    InformationsquelleAutor ClipEscola Ciaporte
  3. 5

    Wenn Ihr <p:dataTable> Spalten-breiten, wie dies

    <p:dataTable styleClass="myTable">
   <p:column width="100">

    und verwenden Sie den folgenden CSS zum ausblenden der Spaltenköpfe

    .myTable thead {
    display:none;
}

    außerdem verlieren die Spaltenbreite legen Sie

    Lösung zum ausblenden Spaltenüberschrift und halten Sie die Spaltenbreite

    .myTable thead th { 
    border: none !important; 
    background: none !important; 
}
    InformationsquelleAutor Mark
  4. 1

    Können Sie feststellen, Sie brauchen, um genauer zu sein mit Ihrer Stil-Auswahl:

     div[id$="myTableId"]>div>table>thead { display:none; }

    Diese entfällt auch die Notwendigkeit, Ihre Referenz-form-id. Das '$' ist eine beginnt mit wild-Karte und das '>', sagt wählen Sie nur die direkten Kinder. Sehen http://www.w3schools.com/cssref/css_selectors.asp für einen wirklich guten CSS-Selektor-Referenz.

    InformationsquelleAutor Heather92065
  5. 1

    Hide header (wie auch andere Antworten):

    .hide-table-header thead {
    display: none;
}

    ... und geben Sie die Spaltenbreite:

    <p:dataTable styleClass="hide-table-header">
        <p:column style="width: 80px">

    Diese funktionieren nicht mit reflow="true" Tabellen.

    Für mich ist der border:none; background:none Vorschlag hinterlässt einen leeren Raum über dem Tisch und versteckt den linken Rand der Tabelle.

    InformationsquelleAutor Gabor Nagy
  6. 0

    Fügen Sie diesen code in Ihre css3-Datei 

    ** Remove the header from the dataTable**/
.ui-datatable.borderless thead {
  display: none;
}

/** Remove the border from the dataTable **/
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
    }

    Dann nennen Sie diesen code aus der xhtml-Datei wie folgt :

    <p:dataTable styleClass="borderless">
    InformationsquelleAutor Omar
Schreibe einen Kommentar