bubbleLocation()

Since: Editor 2.3

Get / set the bubble location relative to the cell.
Please note - this property requires the Editor extension for DataTables.

Description

By default, Editor will attempt to keep the bubble editor in view as the document is scrolled by the end user, by changing if the bubble is shown above or below the cell, based on the space available in the viewport. This is the auto mode.

It is also possible to force the bubble to appear either above or below the target cell by using this method.

Types

`bubbleLocation()`

Get the current bubble location configuration.

Returns:

string: A string which is one of auto, top, or bottom.

`bubbleLocation( loc )`

Set the current bubble location configuration.

Parameters:

Name Type Optional

	Name	Type	Optional
1	`loc`	`string`	No
	The location that the bubble should be shown relative to the activating cell. It can be one of: `auto` - will attempt to keep the bubble in position as the document scrolls, by placing it above or below the target cell. `top` - always show above the target cell. `bottom` - always show below the target cell.

loc

string

The location that the bubble should be shown relative to the activating cell. It can be one of:

auto - will attempt to keep the bubble in position as the document scrolls, by placing it above or below the target cell.
top - always show above the target cell.
bottom - always show below the target cell.

Returns:

DataTable.Editor: Editor instance

Example

Show the bubble editor below the target cell being edited:

$('#myTable').on('click', 'tbody td', function () {
	editor
		.buttonLocation('bottom')
		.bubble(this);
});