X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=webapp%2Fresources%2Fdatatables-1.9.4%2Fextras%2FTableTools%2Fbootstrap.html;fp=webapp%2Fresources%2Fdatatables-1.9.4%2Fextras%2FTableTools%2Fbootstrap.html;h=664bde3ddcaf706d8df9426385de0ed81a871e24;hb=9bb6ee99ca7f738fac1087190b5481b8fe6e8d9f;hp=0000000000000000000000000000000000000000;hpb=2e3f6b76be585306f1003d849831840c0adb3360;p=proteocache.git diff --git a/webapp/resources/datatables-1.9.4/extras/TableTools/bootstrap.html b/webapp/resources/datatables-1.9.4/extras/TableTools/bootstrap.html new file mode 100755 index 0000000..664bde3 --- /dev/null +++ b/webapp/resources/datatables-1.9.4/extras/TableTools/bootstrap.html @@ -0,0 +1,551 @@ + + +
+ + + +Twitter Bootstrap is a very powerful design framework for allowing you to very quickly create applications with a unified look and feel. DataTables integrates well with Bootstrap, and so does TableTools.
+This example shows the default Bootstrap theme being used with a Bootstrap styled DataTable. sDom is supplied to the DataTable with a setup suitable for Bootstrap styling, and a TableTools collection is used to show how it can be used in this environment.
+ +Rendering engine | +Browser | +Platform(s) | +Engine version | +CSS grade | +
---|---|---|---|---|
Rendering engine | +Browser | +Platform(s) | +Engine version | +CSS grade | +
Trident | +Internet Explorer 4.0 | +Win 95+ (Entity: &) | +4 | +X | +
Trident | +Internet Explorer 5.0 | +Win 95+ | +5 | +C | +
Trident | +Internet Explorer 5.5 | +Win 95+ | +5.5 | +A | +
Trident | +Internet Explorer 6 | +Win 98+ | +6 | +A | +
Trident | +Internet Explorer 7 | +Win XP SP2+ | +7 | +A | +
Trident | +AOL browser (AOL desktop) | +Win XP | +6 | +A | +
Gecko (UTF-8: $¢⬠××צ××) | +Firefox 1.0 | +Win 98+ / OSX.2+ | +1.7 | +A | +
Gecko | +Firefox 1.5 | +Win 98+ / OSX.2+ | +1.8 | +A | +
Gecko | +Firefox 2.0 | +Win 98+ / OSX.2+ | +1.8 | +A | +
Gecko | +Firefox 3.0 | +Win 2k+ / OSX.3+ | +1.9 | +A | +
Gecko | +Camino 1.0 | +OSX.2+ | +1.8 | +A | +
Gecko | +Camino 1.5 | +OSX.3+ | +1.8 | +A | +
Gecko | +Netscape 7.2 | +Win 95+ / Mac OS 8.6-9.2 | +1.7 | +A | +
Gecko | +Netscape Browser 8 | +Win 98SE+ | +1.7 | +A | +
Gecko | +Netscape Navigator 9 | +Win 98+ / OSX.2+ | +1.8 | +A | +
Gecko | +Mozilla 1.0 | +Win 95+ / OSX.1+ | +1 | +A | +
Gecko | +Mozilla 1.1 | +Win 95+ / OSX.1+ | +1.1 | +A | +
Gecko | +Mozilla 1.2 | +Win 95+ / OSX.1+ | +1.2 | +A | +
Gecko | +Mozilla 1.3 | +Win 95+ / OSX.1+ | +1.3 | +A | +
Gecko | +Mozilla 1.4 | +Win 95+ / OSX.1+ | +1.4 | +A | +
Gecko | +Mozilla 1.5 | +Win 95+ / OSX.1+ | +1.5 | +A | +
Gecko | +Mozilla 1.6 | +Win 95+ / OSX.1+ | +1.6 | +A | +
Gecko | +Mozilla 1.7 | +Win 98+ / OSX.1+ | +1.7 | +A | +
Gecko | +Mozilla 1.8 | +Win 98+ / OSX.1+ | +1.8 | +A | +
Gecko | +Seamonkey 1.1 | +Win 98+ / OSX.2+ | +1.8 | +A | +
Gecko | +Epiphany 2.20 | +Gnome | +1.8 | +A | +
Webkit | +Safari 1.2 | +OSX.3 | +125.5 | +A | +
Webkit | +Safari 1.3 | +OSX.3 | +312.8 | +A | +
Webkit | +Safari 2.0 | +OSX.4+ | +419.3 | +A | +
Webkit | +Safari 3.0 | +OSX.4+ | +522.1 | +A | +
Webkit | +OmniWeb 5.5 | +OSX.4+ | +420 | +A | +
Webkit | +iPod Touch / iPhone | +iPod | +420.1 | +A | +
Webkit | +S60 | +S60 | +413 | +A | +
Presto | +Opera 7.0 | +Win 95+ / OSX.1+ | +- | +A | +
Presto | +Opera 7.5 | +Win 95+ / OSX.2+ | +- | +A | +
Presto | +Opera 8.0 | +Win 95+ / OSX.2+ | +- | +A | +
Presto | +Opera 8.5 | +Win 95+ / OSX.2+ | +- | +A | +
Presto | +Opera 9.0 | +Win 95+ / OSX.3+ | +- | +A | +
Presto | +Opera 9.2 | +Win 88+ / OSX.3+ | +- | +A | +
Presto | +Opera 9.5 | +Win 88+ / OSX.3+ | +- | +A | +
Presto | +Opera for Wii | +Wii | +- | +A | +
Presto | +Nokia N800 | +N800 | +- | +A | +
Presto | +Nintendo DS browser | +Nintendo DS | +8.5 | +C/A1 | +
KHTML | +Konqureror 3.1 | +KDE 3.1 | +3.1 | +C | +
KHTML | +Konqureror 3.3 | +KDE 3.3 | +3.3 | +A | +
KHTML | +Konqureror 3.5 | +KDE 3.5 | +3.5 | +A | +
Tasman | +Internet Explorer 4.5 | +Mac OS 8-9 | +- | +X | +
Tasman | +Internet Explorer 5.1 | +Mac OS 7.6-9 | +1 | +C | +
Tasman | +Internet Explorer 5.2 | +Mac OS 8-X | +1 | +C | +
Misc | +NetFront 3.1 | +Embedded devices | +- | +C | +
Misc | +NetFront 3.4 | +Embedded devices | +- | +A | +
Misc | +Dillo 0.8 | +Embedded devices | +- | +X | +
Misc | +Links | +Text only | +- | +X | +
Misc | +Lynx | +Text only | +- | +X | +
Misc | +IE Mobile | +Windows Mobile 6 | +- | +C | +
Misc | +PSP browser | +PSP | +- | +C | +
Other browsers | +All others | +- | +- | +U | +
$(document).ready( function () { + $('#example').dataTable( { + "sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>", + "oTableTools": { + "aButtons": [ + "copy", + "print", + { + "sExtends": "collection", + "sButtonText": 'Save <span class="caret" />', + "aButtons": [ "csv", "xls", "pdf" ] + } + ] + } + } ); +} );+ +
The following code is included from the DataTables bootstrap integration file:
+ +// Set the classes that TableTools uses to something suitable for Bootstrap +$.extend( true, $.fn.DataTable.TableTools.classes, { + "container": "btn-group", + "buttons": { + "normal": "btn", + "disabled": "btn disabled" + }, + "collection": { + "container": "DTTT_dropdown dropdown-menu", + "buttons": { + "normal": "", + "disabled": "disabled" + } + } +} ); + +// Have the collection use a bootstrap compatible dropdown +$.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, { + "collection": { + "container": "ul", + "button": "li", + "liner": "a" + } +} );+ + +