As part of the options object, you can customize the controls that will be available in the trimmed table state. There are five
valid controls that can be specified in the options object:
select: Creates a dropdown form element which updates the visible column when changed
title: Shows the title of the currently visible column
label: Adds a <label> element which is bound to the select element
(to change the label text, you can set the labelhtml option in the options object)
prev: Adds a button to change to the previous column
(to modify the text of the button, you can set the prevhtml option in the options object)
next: Adds a button to change to the next column
(to modify the text of the button, you can set the nexthtml option in the options object)
The controls will be rendered from left to right in the order that they are listed in the options. So, for
example, if you want to show the previous and next buttons with the title between them, your options would be:
controls: ['prev','title','next']
Username
First Name
Last Name
Email
superman
Clark
Kent
man.of.steel@gmail.com
batman
Bruce
Wayne
dark.knight@gmail.com
wonderwoman
Diana
Prince
my.invisible.jet@gmail.com
professorx
Charles
Xavier
professor.x@gmail.com
hulk
Bruce
Banner
green.machine@gmail.com
wolverine
Logan
?
weapon.x@gmail.com
1
2
3
4
5
// Instantiate tabletrim with an ondeactivate() callbackvaropts={controls:['prev','title','next']}tabletrim($('#tabletrim-example'),opts);