Member-only story

bootstable.js — editable table with Bootstrap

YvonneDev
May 8, 2019

--

Bootstable.js is a javascript library of the 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 the table an id name that will be selected in the script.

A button can recall the new line.

Step3:
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({

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet