jQuery UI Resize with table and colspans

jQuery UI Resize with table and colspans

I need to implement jQuery UI Resize effect to a table. My table has
colspans and with equal to 100%. This the main problem. Without that
everything simply works fine. What can I do to correct this behaviour?
<table style="width: 100%">
<tr>
<th colspan="3">Table</th>
</tr>
<tr>
<th>26/12</th>
<th>27/12</th>
<th>28/12</th>
</tr>
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
</table>
$(function () {
$('table th').resizable({
handles: 'e',
minWidth: 18
});
});
Demo: http://jsfiddle.net/Helid/JvELx/