[ jquery UI ] unknown number of multiple Sliders, how to make them work ?

[ jquery UI ] unknown number of multiple Sliders, how to make them work ?

Hello,

At the moment, I have a page, with a very large table, that exceeds my container width. So I'm using a UI slider, and the user can slide the handle to reveal the hidden columns of the table.

But my table is also very populated (about 60 rows). So I'd like to cut my table evert 2 rows, and embed each of those 2-rows tables into its own slidable container.

I made an example, with 3 2-rows tables, here : http://wir3d.net/tests/sliders.htm

As my data are extracted from a database, I don't know how many tables I'll have. So I can't define a specific slider for each of my tables, I have to make it the most generic possible.

How can I do that ?