buttons.buttons.dropIcon

Since: Buttons 3.2.0

Show a dropdown (further action) icon.
Please note - this property requires the Buttons extension for DataTables.

Description

It can be useful to indicate to the end user that activation of a button will trigger the display of a submenu, popover or modal. It gives them an indication of what to expect when the button is activated. This option provides that ability by indicating to Buttons that it should show an icon after the button text. The icon used is customised per styling framework to make sure it fits in with your page.

By default this option is enabled for the collection buttons, but can be individually enabled on buttons as you need.

Type

boolean

Description:: A boolean flag to indicate if the button should show a dropdown icon or not. true will cause the icon to show, false will hide it.

Default

Value: false

Example

Show a drop down icon in a button:

new DataTable('#myTable', {
	layout: {
		topStart: {
			buttons: [
				{
					text: 'Popover',
					dropIcon: true,
					action: function () {
						this.popover('Popover information...');
					}
				}
			]
		}
	}
});