Javascript Library to Make HMTL Editable Tables with Bootstrap | Bootstable


Bootstable is a JavaScript library, which allows converting a static HTML table(editable table row) into an editable table. The table is now editable, including several buttons for performing release actions.

bootstrap responsive table example, bootstrap table design, table responsive bootstrap

How to make use of it:

1. To use this plugin, you first have to load the jQuery library and Bootstrap framework within the doc.

<link href="/path/to/bootstrap.min.css" rel="stylesheet">
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/bootstrap.min.js"></script>

2. Then load the jQuery Bootstable plugin’s script after the jQuery library.

<script src="bootstable.js"></script>

3. Attach the plugin to the HTML table. This will make all of the table cells editable.


4. If you need to specify the table columns to be editable.

  columnsEd: "0,1"

5. Event handlers accessible.

  onEdit: function() {}, 
  onDelete: function() {}, 
  onBeforeDelete: function() {},
  onAdd: function() {} 

Create Editable Tables with jQuery And Bootstrap, create editable HTML table using jquery bootstrap with add edit, Bootstable Plugin/Github

See Demo And Download

Official Website(t-edson): Click Here

This superior jQuery/javascript plugin is developed by t-edson. For extra advanced usage, please go to the official website.