Show/Hide Details Incorporate with Tabs

artbah

Hi,

I am new to DataTables, also to javascript/jQuery. However, I am comfortable following examples/demos and incorporating to my scenario.

Following Examples (http://datatables.net/examples/api/tabs_and_scrolling.html) I would like to use tabs along with the show/hide details that is used in Download (http://datatables.net/download).

I get tripped while manipulating the following...
[code]
$("#tabs").tabs({
"show": function(event, ui){
var oTable = $('div.dataTables_scrollBody>table.display', ui.panel).dataTable();
if ( oTable.length > 0 ){
oTable.fnAdjustColumnSizing();
}
}
});
[/code]

with...
[code]
oTable = $('table.display').dataTable({
"sDom": '<"show_all"><"clear">lfrtip',
"aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
"iDisplayLength": 5,
"aaSorting": [[2, "desc"]],
"aoColumns": [
/* icon */ {"bSortable": false},
/* ver */ null,
/* date */ {"sType": "title-numeric"},
/* link */ null,
/* desc */ {"bVisible": false}
]
});
[/code]

[code]



Dino Court
Barcelona Court


<!-- Tab number 1 -->

<!-- dataTable -->




Version
Release date
Download
Details




<!-- 1 -->


DataTables v1.7.1
22nd August 2010
Download
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<!-- 2 -->


DataTables v1.7.1
22nd August 2010
Download
Morbi laoreet dui sed sem fermentum ut fringilla orci imperdiet. Aenean ac urna id elit adipiscing posuere. Etiam vitae augue dolor, et fermentum erat.


<!-- /#example1 /.display -->
<!-- /#tabs-1 -->

<!-- Tab number 2 -->

<!-- dataTable -->




Version
Release date
Download
Details




<!-- 1 -->


DataTables v1.7.1
22nd August 2010
Download
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<!-- 2 -->


DataTables v1.7.1
22nd August 2010
Download
Morbi laoreet dui sed sem fermentum ut fringilla orci imperdiet. Aenean ac urna id elit adipiscing posuere. Etiam vitae augue dolor, et fermentum erat.


<!-- /#example2 /.display -->
<!-- /#tabs-2 -->

<!-- /#tabs -->
<!-- /#demo -->
[/code]

Thanks in advance,
Arthur