Displaying long text issue in datatable

UI Components for React
Post Reply
travelbug42
Posts: 7
Joined: 23 Jun 2018, 00:41

27 Jun 2018, 05:26

I need to be able to display long text in a column and have it wrap. Is there a way this can be done?

If not, is there a way to display tooltip only when values exceed the column width?

Thanks.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

03 Jul 2018, 15:30

I couldn't replicate it. Could you please provide a plunker for us to replicate? Also, maybe, this link can help to you; https://www.w3schools.com/cssref/css3_p ... erflow.asp

Code: Select all

text-overflow: ellipsis;

bluu926
Posts: 4
Joined: 20 Jun 2018, 21:23

03 Jul 2018, 22:45

I'm also having an issue with this.

I was able to replicate it with the sample code:

https://www.primefaces.org/primereact/#/datatable

If you look at the following on a mobile device, you'll see the contents of the cell bleed over.

mert.sincan
Posts: 5281
Joined: 29 Jun 2013, 12:38

04 Jul 2018, 08:25

Please use responsive={true} property on dataTable.

Post Reply

Return to “PrimeReact”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests