Mouse resize table column

Question

In windows applications we often see tabular data that is visible in a single row. Columns have some max width and the rest of the text is truncated. Said text can be made visible with a click and drag of the mouse on said column.

Can this behavior be emulated in web via JavaScript/jQuery or (less preferable) devexpress?

In other words how can I expand something like...

<table>
<tr>
<td>column data</td>
<td>column 2 data lots of text where this text does not fit on screen and is truncated</td>
</tr>
</table>

Answer 1

You should have a look on Flexigrid jQuery plugin :

Here is a demo : http://www.flexigrid.info/sample.html