How do I set the row height in dataTables

srini_attuluri

Actually, I am scrolling through the table but behaing in a wierd manner as the row are having different heights.
Can you please help me out.

BLSully

In your css do something like:

[code]
.dataTables tbody tr {
min-height: 35px; /* or whatever height you need to make them all consistent */
}
[/code]

srini_attuluri

Thank you very much!! very fast response.

vivekmd06

Hi,
I wanted a fixed row height too, so I tried the above solution. However, each td element contains data which is overflowing, comes to the next line & consequently increases the height of the row. Is there a way to fix the height of the row.
I also tried to insert a div element inside the function & use the foll css:-

table#example tbody td div{
width:160px;
height:28px;
overflow:hidden;
word-wrap:break-word;
}

It did fixed the height & width of the div element inside the td element, but caused a break in the nTd variable & hence also the iRow variable remained undefined. Any workaround would be appreciated.

Thanks for looking.

btBill

#tableId tbody > tr > td {
white-space: nowrap;
}

I'm having to use this for the scroller plugin.