I'm working in a table that looks like Excel. I create a new component called Table. This component have a html table, with trs and tds. All fine until here. The problem is:

I want to allow user resize the table exactly like Excel do with first column e first line. If user resize the D cell, all D column resize too. The same is valid for rows, like row number 3 for example.

To do this, I set and id on td cells which need the resize property. After render, this code is executed:

var resizer = new Ext.Resizable(id, {
            handles : 's,n',
id is a correct id of one td. I set this for all first cells of each row. But the Ext don't create a resizable for each cell, is created one resizable for the container of table!

What is wrong? Someone have any idea?