🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Table Editor is a lightweight jQuery/Bootstrap plugin which provides an inline editing functionality for table cells on single click. Supports both Bootstrap 3 and Bootstrap 4.

Bootstrap editor bootstrap-4 In-place-Editing editable-table

Documentation

Bootstrap Table Editor

What?

Editable table with jQuery and Bootstrap

Requirements

Bootstrap 4 jQuery 1.7.1+

Usage

This is the minimum code to make an editable table

$('table').tableEditor()

If you want to set options add an object which contains your options as parameters

$('table').tableEditor({ 	// Localization 	// Supported: English (en, default) and Spanish (es) 	lang: 'en', 	// onChange event 	onChange: function(value, cell, table, tableEditor) { 		// .. 	} })

Convert table to JSON

$('table').tableEditor('json')

Convert JSON to table

$('table').tableEditor('json', '[["1","2","3","4","5"],["6","7","8","9","0"]]')

When you wish, you can restore the previous state of the table

$('table').tableEditor('destroy')

You May Also Like