jQuery Tabledit

url

Link to server script window.location.href

inputClass

Class for form inputs 'form-control input-sm'

toolbarClass

Class for buttons toolbar 'btn-toolbar'

groupClass

Class for buttons group 'btn-group btn-group-sm'

dangerClass

Class for row when ajax request fails 'danger'

warningClass

Class for row when save changes 'warning

mutedClass

Class for row when is deleted 'muted'

eventType

Trigger to change for edit mode 'click'

confirmText Deprecated

Text to append on remove button to confirm action 'Confirm'

rowIdentifier

Change the name of attribute in td element for the row identifier 'id'

hideIdentifier

Hide the column that has the identifier false

textSelection Deprecated

Enable text selection on editable columns true

autoFocus

Activate focus on first input of a row when click in save button true

editButton

Activate edit button instead of spreadsheet style true

removeButton Deprecated

Activate remove button true

deleteButton

Activate delete button true

saveButton

Activate save button when click on edit button true

restoreButton

Activate restore button to undo delete action true

buttons Updated in v1.2.0

Customize buttons created in the table

// Example #1
buttons: {
    edit: {
        class: 'btn btn-sm btn-default',
        html: '<span class="glyphicon glyphicon-pencil"></span>',
        action: 'edit'
    },
    delete: {
        class: 'btn btn-sm btn-default',
        html: '<span class="glyphicon glyphicon-trash"></span>',
        action: 'delete'
    },
    save: {
        class: 'btn btn-sm btn-success',
        html: 'Save'
    },
    restore: {
        class: 'btn btn-sm btn-warning',
        html: 'Restore',
        action: 'restore'
    },
    confirm: {
        class: 'btn btn-sm btn-danger',
        html: 'Confirm'
    }
}

columns Required

Identifier column and editable columns

// Example #1
columns: {
    // Column used to identify table row. 
    // [column_index, input_name]
    identifier: [0, 'id'],
    // Columns to transform in editable cells.
    // [[column_index, input_name], [column_index, input_name]]
    editable: [[2, 'firstname'], [3, 'lastname']]
}

// Example #2
columns: {
    // Column used to identify table row.
    // [column_index, input_name]
    identifier: [0, 'id'],
    // Columns to transform in editable cells.
    // [[column_index, input_name], [column_index, input_name, select_options]]
    editable: [[1, 'car'], [2, 'color', '{"1": "Red", "2": "Green", "3": "Blue"}']]
}

onDraw()

Executed after draw the structure

onComplete(response) Deprecated

Executed when the ajax request is completed

onSuccess(data, textStatus, jqXHR)

Executed when the ajax request is completed

onError() Deprecated

Executed when occurred an error on ajax request

onFail(jqXHR, textStatus, errorThrown)

Executed when occurred an error on ajax request

onAlways()

Executed whenever there is an ajax request

onAjax(action, serialize)

Executed before the ajax request If returns false, does not send the ajax request. (v1.2.2)