Question

Resize a table cell using css {resize:both;} not working with table

I need to resize table and its cell, resize able using css ,
css {resize:both;} is working in div but not in table tags

<table border="1" style="resize:both;">
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
<tr>
<td>hi table</td>
<td>hi div</td>
</tr>
</table>

can any body help

Answer 1

It appears that resize: is not applicable to tables.

table {
    border:2px solid;
    padding:10px 40px; 
    width:300px;
    resize:both;
    overflow:auto;
}​

http://jsfiddle.net/Kyle_/q4qwp/

But you can wrap the table in a div and set the resize: to the div instead, but you cannot shrink the table even with % width values.

http://jsfiddle.net/q4qwp/3/