html - How to balance two dynamic table rows height using jquery -


i have 2 dynamic tables here.tables rows details comes dynamically.how can balance 2 dynamic table rows height using jquery fiddle here http://jsfiddle.net/kannankds/2yvj3/14/

<table> <tr> <th>name</th> <th>lastname</th> </tr> <tr> <td>name1 name2 name3</td> <td>name1</td> </tr> <tr> <td>name1 name2 name3</td> <td>name1</td> </tr> </table> <table> <tr> <th>details1</th> <th>details2</th> </tr> <tr> <td>sadsad</td> <td>asdsd</td> </tr> <tr> <td>sadsad</td> <td>asdsd</td> </tr> </table> 

you can apply following css td , th elements:

td,th {     white-space: nowrap; } 

demo


Comments

Popular posts from this blog

c++ - OpenCV Error: Assertion failed <scn == 3 ::scn == 4> in unknown function, -

php - render data via PDO::FETCH_FUNC vs loop -

The canvas has been tainted by cross-origin data in chrome only -