X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=webapp%2Fresources%2Fdatatables-1.9.4%2Fextras%2FFixedColumns%2Frow_grouping.html;fp=webapp%2Fresources%2Fdatatables-1.9.4%2Fextras%2FFixedColumns%2Frow_grouping.html;h=4cf50492729436a00ca4444706122bf932554588;hb=9bb6ee99ca7f738fac1087190b5481b8fe6e8d9f;hp=0000000000000000000000000000000000000000;hpb=2e3f6b76be585306f1003d849831840c0adb3360;p=proteocache.git diff --git a/webapp/resources/datatables-1.9.4/extras/FixedColumns/row_grouping.html b/webapp/resources/datatables-1.9.4/extras/FixedColumns/row_grouping.html new file mode 100644 index 0000000..4cf5049 --- /dev/null +++ b/webapp/resources/datatables-1.9.4/extras/FixedColumns/row_grouping.html @@ -0,0 +1,606 @@ + + + + + + + FixedColumns example + + + + + + + +
+
+ FixedColumns example - row grouping +
+ +

Preamble

+

This example is designed to re-implement the visual effect of the DataTables row grouping example with a fixed column. It is alternative row grouping style to that presented in the row grouping by height example.

+ +

Live example

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BrowserRendering enginePlatform(s)Engine versionCSS grade
Internet + Explorer 4.0TridentWin 95+4X
Internet + Explorer 5.0TridentWin 95+5C
Internet + Explorer 5.5TridentWin 95+5.5A
Internet + Explorer 6TridentWin 98+6A
Internet Explorer 7TridentWin XP SP2+7A
AOL browser (AOL desktop)TridentWin XP6A
Firefox 1.0GeckoWin 98+ / OSX.2+1.7A
Firefox 1.5GeckoWin 98+ / OSX.2+1.8A
Firefox 2.0GeckoWin 98+ / OSX.2+1.8A
Firefox 3.0GeckoWin 2k+ / OSX.3+1.9A
Camino 1.0GeckoOSX.2+1.8A
Camino 1.5GeckoOSX.3+1.8A
Netscape 7.2GeckoWin 95+ / Mac OS 8.6-9.21.7A
Netscape Browser 8GeckoWin 98SE+1.7A
Netscape Navigator 9GeckoWin 98+ / OSX.2+1.8A
Mozilla 1.0GeckoWin 95+ / OSX.1+1A
Mozilla 1.1GeckoWin 95+ / OSX.1+1.1A
Mozilla 1.2GeckoWin 95+ / OSX.1+1.2A
Mozilla 1.3GeckoWin 95+ / OSX.1+1.3A
Mozilla 1.4GeckoWin 95+ / OSX.1+1.4A
Mozilla 1.5GeckoWin 95+ / OSX.1+1.5A
Mozilla 1.6GeckoWin 95+ / OSX.1+1.6A
Mozilla 1.7GeckoWin 98+ / OSX.1+1.7A
Mozilla 1.8GeckoWin 98+ / OSX.1+1.8A
Seamonkey 1.1GeckoWin 98+ / OSX.2+1.8A
Epiphany 2.20GeckoGnome1.8A
Safari 1.2WebkitOSX.3125.5A
Safari 1.3WebkitOSX.3312.8A
Safari 2.0WebkitOSX.4+419.3A
Safari 3.0WebkitOSX.4+522.1A
OmniWeb 5.5WebkitOSX.4+420A
iPod Touch / iPhoneWebkitiPod420.1A
S60WebkitS60413A
Opera 7.0PrestoWin 95+ / OSX.1+-A
Opera 7.5PrestoWin 95+ / OSX.2+-A
Opera 8.0PrestoWin 95+ / OSX.2+-A
Opera 8.5PrestoWin 95+ / OSX.2+-A
Opera 9.0PrestoWin 95+ / OSX.3+-A
Opera 9.2PrestoWin 88+ / OSX.3+-A
Opera 9.5PrestoWin 88+ / OSX.3+-A
Opera for WiiPrestoWii-A
Nokia N800PrestoN800-A
Nintendo DS browserPrestoNintendo DS8.5C/A
Konqureror 3.1KHTMLKDE 3.13.1C
Konqureror 3.3KHTMLKDE 3.33.3A
Konqureror 3.5KHTMLKDE 3.53.5A
Internet Explorer 4.5TasmanMac OS 8-9-X
Internet Explorer 5.1TasmanMac OS 7.6-91C
Internet Explorer 5.2TasmanMac OS 8-X1C
NetFront 3.1MiscEmbedded devices-C
NetFront 3.4MiscEmbedded devices-A
Dillo 0.8MiscEmbedded devices-X
LinksMiscText only-X
LynxMiscText only-X
IE MobileMiscWindows Mobile 6-C
PSP browserMiscPSP-C
All othersOther browsers--U
+
+
+ + +

Initialisation code

+ 
$(document).ready( function () {
+	var oTable = $('#example').dataTable( {
+		"sScrollY": "300px",
+		"sScrollX": "100%",
+		"sScrollXInner": "150%",
+		"bScrollCollapse": true,
+		"bPaginate": false,
+		"aaSortingFixed": [ [1, 'asc'] ],
+		"aoColumnDefs": [
+			{ "bVisible": false, "aTargets": [1] }
+		]
+	} );
+
+	new FixedColumns( oTable, {
+		"fnDrawCallback": function ( left, right ) {
+			var oSettings = oTable.fnSettings();
+			if ( oSettings.aiDisplay.length == 0 )
+			{
+				return;
+			}
+
+			var nGroup, nCell, iIndex, sGroup;
+			var sLastGroup = "", iCorrector=0;
+			var nTrs = $('#example tbody tr');
+			var iColspan = nTrs[0].getElementsByTagName('td').length;
+
+			for ( var i=0 ; i<nTrs.length ; i++ )
+			{
+				iIndex = oSettings._iDisplayStart + i;
+				sGroup = oSettings.aoData[ oSettings.aiDisplay[iIndex] ]._aData[1]			;
+				
+				if ( sGroup != sLastGroup )
+				{
+					/* Cell to insert into main table */
+					nGroup = document.createElement( 'tr' );
+					nCell = document.createElement( 'td' );
+					nCell.colSpan = iColspan;
+					nCell.className = "group";
+					nCell.innerHTML = "&nbsp;";
+					nGroup.appendChild( nCell );
+					nTrs[i].parentNode.insertBefore( nGroup, nTrs[i] );
+
+					/* Cell to insert into the frozen columns */
+					nGroup = document.createElement( 'tr' );
+					nCell = document.createElement( 'td' );
+					nCell.className = "group";
+					nCell.innerHTML = sGroup;
+					nGroup.appendChild( nCell );
+					$(nGroup).insertBefore( $('tbody tr:eq('+(i+iCorrector)+')', left.body)[0] );
+
+					iCorrector++;
+					sLastGroup = sGroup;
+				}
+			}
+		}
+	} );
+} );
+ + +

Documentation

+ + +

Basic examples

+ + +

Advanced examples

+
+ + \ No newline at end of file