bootstable.js---editable table with Bootstrap

Bootstable.js is a javascript library of editable table for adding and deleting information lines.

github here 

Step1:

Link bootstrap css and js
Link jquery and bootstable.js

head

body bottom

Step2:

HTML

html

Give table a id name which will be selected in script.

A button can recall the new line.

Step3:
JS

js

It basically initializes the plugin which can only do with one table,and for multiple tables should be SetEdible() one by one.

The Parameters:

$('#mytable').SetEditable({

    columnsEd: null,         //Index to editable columns. If null all td editables. Ex.: "1,2,3,4,5"

    $addButton: null,        //Jquery object of "Add" button

    onEdit: function() {},   //Called after edition

    onBeforeDelete: function() {}, //Called before deletion

    onDelete: function() {}, //Called after deletion

    onAdd: function() {}     //Called when added a new row

});