customActionsBottom

The customActionsBottom hook allows developers to add custom actions to the table actions shown at the bottom left corner. Please be aware that these actions are only accessible to users when pagination is set to BOTTOM or BOTH.

Parameters

Parameter	Type	Description
table	reference	Table instance and state.

Structure parameter table

table: {
	instance: *ref_to_table_api,
	state: *ref_to_table_store,
	requery: *ref_to_requery_table_function,
}

The requery function supports two optional parameters:

requery(recalculateRowCount, enableLoadingFeedback)

• recalculateRowCount: When true, forces a row count recalculation. (default: false)
• enableLoadingFeedback: When false, disables the spinner and progress bar. (default: true)

Return Value

Type	Description
string	An HTML string, typically created using a template literal.
HTMLElement	A DOM element node created with vanilla JavaScript.
jQuery	A jQuery object wrapping the new element.

✨ Example of a customActionBottom Hook

((table) => {
	return `<div>
		<button onclick="alert('My custom action')">My Custom Action</button>
	</div>`
})

✨ Example of a Global Function Call

((table) => {
	return myCustomAction()
})

Other Examples

• Adding buttons with event listeners
• Using global functions to add buttons with event listeners
• Manage app settings interactively from custom buttons