Ich möchte die Spalten meiner Tabelle, um seine Breite an das größte Element anzupassen. Wie Doppelklick eine Excel-Spalte ...Anpassen der Breite der Spalte an den Inhalt in p: dataTable
Ich habe viele Attribute und Lösungen anderer Fragen ausprobiert, aber nichts hat wirklich getan, was ich wollte.
Hier sind meine Einstellungen für die Datatable, die in ap verschachtelt ist: scollPanel:
<p:dataTable scrollable="true" scrollWidth="auto" scrollHeight="390"
tableStyle="width: auto; white-space: nowrap; font-size: smaller"
id=carTable" var="vehicles"
value="#{dgBean.vehicles}">
Verwendung:
- primefaces 6.0
- JSF 2.2.1
UPDATE :
Ich weiß nicht warum, aber es scheint wie Tisch-Layout: Auto wird nicht verwendet UND zwei Divs generiert werden. 1 für die Kopfzeile meines Tisches und die andere für den Körper meines Tisches. Deshalb erscheint das erste Layout, das ich gepostet habe, und Header und Body passen gut alleine, aber der Header passt nicht zum Body.
generiert HTML:
<div class="ui-widget-header ui-datatable-scrollable-header" style="width: 1199px;">
<div class="ui-datatable-scrollable-header-box" style="margin-right: 15px;">
<table role="grid">
<thead id="j_idt5:j_idt14:carTable_head">...</thead>
</table>
</div>
</div>
<div class="ui-datatable-scrollable-body" tabindex="-1" style="height: 390px; margin-right: 0px; width: 1199px;">
<table role="grid">
<thead class="ui-datatable-scrollable-theadclone" style="height: 0px;">...</thead>
<tbody id="j_idt5:j_idt14:carTable_data" class="ui-datatable-data ui-widget-content" tabindex="0">...</tbody>
</table>
</div>
So scheint es, wie zwei Tabellen erzeugt werden. Hat jemand eine Idee, wie man dies mit pf beheben kann?
UPDATE von Kommentar
Anwendung
.ui-datatable-scrollable-header-box table, .ui-datatable-scrollable-footer-box table, .ui-datatable-scrollable-body table {
table-layout: auto;
}
zum Showcase produziert (meine früheren Bildern gelöscht als Ruf nicht hoch genug für mehr als 2 ist):
es, wenn nicht funktioniert Sie entfernen das benutzerdefinierte CSS? – Kukeltje
@Kukeltje Ich denke, du meinst das Hauptthema? nein es ändert nichts – cluecke
nein das tableStyle Zeug und wenn es immer noch nicht funktioniert, überprüfen Sie auch die issuelist und versuchen Sie eine neuere Version (versuchen Sie, nur für dieses Problem) – Kukeltje