JSON To Bootstrap Table

JSON To Bootstrap Responsive Table

Options

Options

Enable Pagination

Display Key Column

Edit Button

Delete Button

Page Size

Key Column

Header Array

[{"ID":1,"FirstName":"Alina","LastName":"David","EmployeeType":"Permanent","Designation":"Project Manager","Country_Name":"United Kingdom"},{"ID":2,"FirstName":"William","LastName":"Hurt","EmployeeType":"Permanent","Designation":"Account Manager","Country_Name":"Australia"},{"ID":3,"FirstName":"Michael","LastName":"Vick","EmployeeType":"Contractual","Designation":"HR Manager","Country_Name":"Australia"},{"ID":4,"FirstName":"Andra","LastName":"Allen","EmployeeType":"Permanent","Designation":"Software Developer","Country_Name":"United States"},{"ID":5,"FirstName":"John","LastName":"William","EmployeeType":"Permanent","Designation":"Software Developer","Country_Name":"Australia"},{"ID":6,"FirstName":"John","LastName":"Anderson","EmployeeType":"Permanent","Designation":"Project Manager","Country_Name":"Australia"},{"ID":7,"FirstName":"Michael","LastName":"Johnson","EmployeeType":"Permanent","Designation":"Account Manager","Country_Name":"United Kingdom"},{"ID":8,"FirstName":"John","LastName":"Cook","EmployeeType":"Permanent","Designation":"Software Developer","Country_Name":"Australia"},{"ID":9,"FirstName":"Steven","LastName":"Smith","EmployeeType":"Permanent","Designation":"Software Developer","Country_Name":"United States"},{"ID":10,"FirstName":"Mark","LastName":"Abbott","EmployeeType":"Contractual","Designation":"Software Developer","Country_Name":"United Kingdom"},{"ID":11,"FirstName":"Adam","LastName":"Smith","EmployeeType":"Permanent","Designation":"Project Manager","Country_Name":"United Kingdom"},{"ID":12,"FirstName":"Aliza","LastName":"David","EmployeeType":"Contractual","Designation":"HR Manager","Country_Name":"Australia"}]

Note: There is no built-in functionality for editing/deleting a record. You will get value of the primary key and then you can edit/delete the record manually.