Forums

You haven't provided any details about how you insert the sub-table in the expanded rows. If you just insert an additional HTML Table element as you indicated it won't have any granularity of DataTable capability because it is simply an HTML DOM Table. You could do it by defining unique DOM "id"s to elements and then adding a bunch of listeners, but that would be cumbersome and prone to memory leaks.

If you really want to embed a sub-table as a YUI DataTable within a parent DataTable, I suggest you review Satyam's example. http://www.satyam.com.ar/yui/2.8.0/nested1.html

His approach inserts a DataTable within the expansion row of the parent Table (call it a child table). The child table is a true YUI DataTable with all the API capability available to do as you please.

Hope it works for you,
Todd

The lowest level of element that you can get to with DataTable events is cell level (cellMouseoverEvent, etc...). The target returned from this event is the DIV liner in the TD element. You might be able to set a delegate on elements within a subrow (i.e. within the DIV inside TD), but you will need to come up with a method to define unique ID's or class names to use to distinguish which one is the target.