0

I'm using Primefaces(Version 3.5) DataTable to display certain data.
How do I make only one CELL scrollable if its data exceeds than other cells in same row.?By keeping Column Width fixed[I could not fix the Column width also].
Here is the Screen Shot:

enter image description here

Please Suggest any best approach to achieve this, may by truncating data and adding ... at end. But again I can not fix the width of column.

Kishor Prakash
  • 8,011
  • 12
  • 61
  • 92
  • 4
    possible duplicate of [How to make a horizontally scrollable cell in a datatable](http://stackoverflow.com/questions/13516642/how-to-make-a-horizontally-scrollable-cell-in-a-datatable) – BalusC Apr 03 '13 at 13:24
  • Hi BelusC thanks for the reply. I saw that other question it was helpful. Can you please tell how to FIX the with of column.? – Kishor Prakash Apr 03 '13 at 13:29
  • Click the link in my previous comment for the answer. – BalusC Apr 03 '13 at 13:30
  • Thanks BelusC. You have been very helpful all the time,through all of my questions. Thanks very much. – Kishor Prakash Apr 04 '13 at 04:36

1 Answers1

1

There is css for this:

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    white-space: nowrap;
}

change it to normal.

makkasi
  • 6,328
  • 4
  • 45
  • 60