Problems with nested tables in Internet Explorer Only

rochacbruno

Hi,

I am developing a plugin for wrapping dataTables in web2py web framework http://web2py.com
my plugin is available for all web2py developers here: http://powertable.blouweb.com

I put online a live demonstration of the plugin working on web2py application, but I am having a strange problem that occurs only in Internet Explorer (all versions).

I have a table that shows categories, this has a nested table that shows products of each category, one category has a nested table with 8 products (9 rows including headers).
The example above works well on any browser, but not on Internet Explorer.

This expands the nested table, but after that it is not possible to collapse or expand another row.

Take a look(using I.E) : http://powertable.blouweb.com/category

I created a copy of this example limiting the number of rows on detail table, I found that limiting the rows to 4, Internet Explorer does not breaks.

Second example: http://powertable.blouweb.com/category2

Is there a limit for rows on nested tables (running on I.E) ?

Here is my code (is there Python placeholders for server vars, I am generating this script.):

[code]

$('.%(_class)s tbody td.dtclick img').live( 'click', function () {
var nTr = this.parentNode.parentNode;
var rid = this.parentNode.parentNode.getAttribute('id');
var key = this.parentNode.parentNode.getAttribute('key');
//alert(this.parentNode.parentNode.getAttribute('key'));
if ( this.src.match('details_close') )
{
/* This row is already open - close it */
this.src = "../static/plugin_powertable/images/details_open.png";
this.title = "Click for details";
this.alt = "Open Details";
oTable.fnClose( nTr );
}
else
{
/* Open this row */
this.src = "../static/plugin_powertable/images/details_close.png";
this.title = "Click to close details";
this.alt = "Close Details";
oTable.fnOpen( nTr, fnFormatDetails(oTable,nTr,key,rid), 'details' );
ajax('%(detailscallback)s', ['dt_'+rid,'dtcols_'+rid], 'target'+rid+'div');
}
} );

[/code]


This is the first version of powerTable plugin for web2py, and I want to bring every functionality of dataTables to web2py applications.

Thanks in advance.

Bruno Rocha
rochacbruno[ at gmail]
@rochacbruno
blouweb.com

rochacbruno

In this another example: http://powertable.blouweb.com/products
the nested detail works very well even with Internet Explorer.

rochacbruno

.

rochacbruno

I found it:

I was using this:

[code]
/*adjust columns */
$(window).bind('resize', function () {
oTable.fnAdjustColumnSizing();
} );
[/code]

Which does not works well when having large nested tables in I.E.

so removing this line the problem is solved. ( but how to have this working?)