DataTables

• Usage
• Examples
• Styling
• API
• Development
• Editor
• Extras
• Plug-ins
• Blog
• FAQs
• Forums

Purchase

Download

Support

Preamble

You may wish to set your own text for the buttons in the TableTools toolbar, rather than relying on the default built-in text. This is done by overriding the sButtonText parameter of whatever button you wish to alter. The way TableTools allows you to alter a predefined button is by 'extending' it (using the sExtends parameter) and then setting the overriding parameter. A full list of the parameters which can be used is available on the DataTables.net web-site. This example shows how to set the button text as required.

Live example

Initialisation code

$(document).ready( function () {
	$('#example').dataTable( {
		"sDom": 'T<"clear">lfrtip',
		"oTableTools": {
			"aButtons": [
				{
					"sExtends": "copy",
					"sButtonText": "Copy to clipboard"
				},
				{
					"sExtends": "csv",
					"sButtonText": "Save to CSV"
				},
				{
					"sExtends": "xls",
					"sButtonText": "Save for Excel"
				}
			]
		}
	} );
} );

Other examples

• Basic initialisation
• Setting the SWF path
• Custom button arrangement
• Button text alteration
• Using button collections
• Using jQuery UI themes
• Styling with Twitter Bootstrap
• Multiple TableTools toolbars for a single table
• Multiple DataTables with a single initialisation
• User selectable rows (multiple rows)
• User selectable rows (single row)
• Alternative initialisation using 'new TableTools()'
• Altering the TableTools defaults
• TableTools plug-in buttons
• Customising the PDF output (adding text and orientation)