DataTable auto height row

UI Components for Angular
Post Reply
sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

22 Dec 2016, 10:46

How to set auto height row by content?
http://stackoverflow.com/questions/1404 ... ent-height

I tried to set the style
<p-dataTable #dt [value]="cars" selectionMode="multiple" [rows]="20" [paginator]="true" [resizableColumns]="true" [reorderableColumns]="true"
exportFilename="cars" [style]="{'height':'auto'}" >
But this not working

User avatar
DarthMaul
Posts: 582
Joined: 23 Nov 2015, 21:20

22 Dec 2016, 16:10

Hi,

Could you please try using this one

Code: Select all

word-wrap: break-word;

sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

23 Dec 2016, 11:07

I tried
<p-dataTable #dt [value]="cars" selectionMode="multiple" [rows]="20" [paginator]="true" [resizableColumns]="true" [reorderableColumns]="true"
exportFilename="cars" [style]="{'word-wrap':'break-word'}" >
but not working

sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

26 Dec 2016, 11:45

any idea?

sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

28 Dec 2016, 11:34

up

sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

30 Dec 2016, 14:40

up

sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

09 Jan 2017, 11:35

I upgraded to version 1.1.4. But problem not resolved.

sanringo
Posts: 34
Joined: 25 Nov 2016, 09:35

10 Jan 2017, 15:08

So, I realized what was happening.
When [resizableColumns]="false", everything is fine. When [resizableColumns]="true" then words not shifted to down.
How to fix this? I need jointly using [resizableColumns]="true" and resize height by content.

cmbarnett87
Posts: 6
Joined: 21 Aug 2017, 16:34

21 Aug 2017, 20:55

What do you mean by "resize height by content"? Can you show what you put in your code?

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 23 guests