Wie kann ich dieses Problem lösen Ich möchte die Zeilenlänge mit PrimeNG Datatable richtig ändern Größe? My Data Display Jetzt Like These Größe der Zeilenlänge mit PrimeNG Datatable richtig ändern?
Antwort
Ohne eine aufwändigere Setup ändern, würde ich empfehlen die resizableColumns, expandableRows und expandedRows Optionen auf der p Verwendung -dataTable und setzen Sie Ihre Breiten als Prozentsätze und machen Sie Ihre Spalten manuell einstellbar (https://www.primefaces.org/primeng/#/datatable); zum Beispiel so etwas wie:
<p-dataTable [value]="cars" [resizableColumns]="true" [expandableRows]="true" [expandedRows]="expandedItems">
<p-column field="vin" header="Vin" [resizable]="true" [style]="{'width':'20%'}"></p-column>
<p-column field="year" header="Year" [resizable]="true" [style]="{'width':'30%'}"></p-column>
<p-column field="brand" header="Brand" [resizable]="true" [style]="{'width':'15%'}"></p-column>
<p-column field="color" header="Color" [resizable]="true" [style]="{'width':'35%'}"></p-column>
</p-dataTable>
Weitere Einzelheiten finden Sie in diesem Stackoverflow: How to expand row from datatable programmatically
Danke. aber nicht funktioniert meine 2. Spalte Daten sind zu groß und in der gleichen Zeile angezeigt .. –
funktioniert nicht Ich möchte Text in Spalte umbrechen. –
- 1. PrimeNG DataTable Zeilenauswahl - Farbe ändern
- 2. PrimeNG DataTable: Klasse/Stil einer Zelle ändern
- 3. PrimeNg DataTable Klickereignis
- 4. edit css primeNG dataTable header
- 5. Primeng DataTable Header
- 6. primeNG Datatable - treffen wie Filter
- 7. Standard Zeilenauswahl für dataTable primeNG
- 8. Kann Text nicht zentrieren mit PrimeNg DataTable
- 9. PrimeNg Datatable Stil eine Zelle
- 10. primeNG - implementieren CSS-Stil zu DataTable
- 11. Größe ändern funktioniert nicht richtig
- 12. Angular2 - PrimeNG dataTable Zeilenexpansion erweitert nicht
- 13. Ändern der Fortschrittsbalkenfarbe in Primeng
- 14. Primeng macht rollbare Datatable-Höhe responsive
- 15. PrimeNG - p-dataTable Höhe nach Anzahl der Zeilen
- 16. Bilder in einem PrimeNG DataTable anzeigen
- 17. In primeng Datatable benutzerdefinierte Filter funktioniert nicht
- 18. Primeng DataTable Globaler Filter Standardwert nicht Filterung
- 19. Angular Primeng Datatable Paginator Boden Verankerung
- 20. PrimeNG DataTable füllt das Datenproblem aus
- 21. primeng: Datatable nicht verbindlich Auswahl Eigenschaft asynchron
- 22. PrimeNG-Datatable-Filter nach Spalte - Externer Textkasteneingang
- 23. PrimeNg Datatable Benutzerdefinierte Sortierung wiederholt sich
- 24. Begrenzte Zeilenlänge in der Konsolenausgabe von ansible
- 25. Größe der PrimeNg Library mit Angular Cli reduzieren
- 26. Wie Sie Daten in einer PrimeNG DataTable mit Zeilengruppierung sortieren
- 27. PrimeNG Datatable Spalte Text überlappt mit anderen Spalten
- 28. Begrenzung der Zeilenlänge
- 29. Primeng DataTable Dropdown funktioniert nicht mit Optionen über die Spalte
- 30. Gewohnheit ist Art nicht funktioniert mit primeng p-Datatable
Könnten Sie ein wenig mehr Details zu geben, was genau gewünscht wird? Möchten Sie, dass die Größe automatisch geändert wird oder Sie die Größe der Spalten ändern können? Ich nehme automatisch an, aber wenn Sie nur möchten, dass sie in der Größe veränderbar sind, dann fügen Sie die Größe Ihrer P-Spalte hinzu: ' . –
MapLion
okay. Ich möchte, wenn Daten lang ist, dann Daten zeigt auf neue Zeile, wie mein 2. Bild @ MapLion –
Mögliche Duplikat von [Wie Zeile von Datatable programmgesteuert zu erweitern] (https://stackoverflow.com/questions/42838838/how-to-expand -row-from-datatable-programmatisch) – MapLion