DataTables

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

Purchase

Download

Support

Preamble

The default activation (showing the columns list) for ColVis is for the user to click the button. This can be altered to a 'mouseover' activation by making use of the oColVis.activate DataTables initialisation value and setting it to "mouseover". This is shown in the example below.

Live example

Examples

• Basic initialisation
• Activate with a mouseover rather than click
• Custom text in the button
• Using with jQuery UI ThemeRoller
• Excluding columns from the show / hide list
• Two tables initialised together - individual controls
• Two tables initialised together - shared control
• Alternative styling and reset to original
• Customisation of the button label with a callback

Initialisation code

$(document).ready( function () {
	$('#example').dataTable( {
		"sDom": 'C<"clear">lfrtip',
		"oColVis": {
			"activate": "mouseover"
		}
	} );
} );