Quantcast
Viewing all articles
Browse latest Browse all 82150

Create separate TableTools "aButton" group with Bootstrap

Hi,

I'm using Bootstrap styling for my TableTools buttons w/ Editor so I have a New, Edit, and Delete group of buttons that are all connected in Bootstrap button container fashion. I have a 4th button I would like to be right next to the other 3, except not connected, so it stands out as a different type of option. Right now it is just connected to the other buttons so I have a group of 4.

I see I can't just implement 'aButtons' twice to try to separate it; is there another way this could be achieved?

"oTableTools": {
	"sRowSelect": "single",
	"sSelectedClass": "row_selected",
	"fnRowSelected": function ( node ) {
		gateway_id = oTable.fnGetData(node[0])[5];
	},
	"aButtons": [
		{ "sExtends": "editor_create", "editor": editor },
		{ "sExtends": "editor_edit",   "editor": editor },
		{ "sExtends": "editor_remove", "editor": editor },
		{
			"sExtends": "select_single",
			"sButtonText": "Manage Silos",
			"fnClick": function ( node ) {
				if ($(node).hasClass('disabled')) {
					return false;
				} else {
					window.location = '/#request.self#?fuseaction=gwt.details&gateway_id=' + gateway_id;
				}
			}
		}
	]
}

Thanks,
Carl

Viewing all articles
Browse latest Browse all 82150

Trending Articles