javascript - Making Table <tr> to display one by one -

here fiddle

here html code

<table id="example" class="display" cellspacing="0" width="100%">         <tbody>             <tr>                 <td style="display:none">tiger nixon</td>                 <td>system architect</td>             </tr>             <tr>                 <td style="display:none">garrett winters</td>                 <td>accountant</td>             </tr>     </tbody> </table> 

the output getting

system architect accountant 

but want display like

system architect | accountant 

i.e., row should column.

note :

i hiding first td, because search plugin(datatables) consider first <td> inside <tr>

how can ?

i'd simple css fix this:

#example tr {     display : inline-block; }