cell().edit()

Since: Editor 1.5.0

Edit a cell with inline or bubble editing. Please note - this property requires the Editor extension for DataTables.

Description

This method can be used to edit a single cell using Editor's inline or bubble editing modes. It is essentially a proxy for the inline() or bubble() methods, exposed through the DataTables API object with the cell() selector being used to conveniently select the cell to be edited.

    The Editor instance used by this method is the last Editor instance create that refers to this table when the table was constructed. This consideration is only important when using multiple Editor instances!

Please note that this method only exposes one small part of Editor through the DataTables API. Editor has its own extensive API which provides complete control over the form.

Type

function cell().edit( [ type, ] options )

Description:

Edit a cell using the inline or bubble editing methods of Editor.

Parameters:
Returns:

The original API instance, unmodified, is returned to allow chaining.

Examples

Edit the cell clicked upon using inline editing:

var myTable = $('#myTable').DataTable();

$('#myTable').on( 'click', 'tbody td', function () {
    myTable.cell( this ).edit();
} );

Edit the cell clicked upon using bubble editing:

var myTable = $('#myTable').DataTable();

$('#myTable').on( 'click', 'tbody td', function () {
    myTable.cell( this ).edit( 'bubble' );
} );

Edit a cell and submit immediately when blurred:

var myTable = $('#myTable').DataTable();

$('#myTable').on( 'click', 'tbody td', function () {
    myTable.cell( this ).edit( {
        blur: 'submit'
    } );
} );

Related

The following options are directly related and may also be useful in your application development.