Dynamic Table CRUD using JTable

Posted on by By Somen Sarkar, in Front End, Javascript | 0

Dynamic Table CRUD using JTable

This plugin can be used to create datatable an forms. Simple CRUD based applications can be created using the JTable.

How to use JTable?

1. Create a div with id “targetContainer” where we want to load the table content dynamically.
2. $(‘#targetContainer’).jtable(‘load’); This statement binds the div with the dynamically created table.
3. Inorder to pass the configuration just we need to pass the configuration inside the jtable method.
The configurations can be divided into three major categories

a)The general configurations
b)The service related configurations
c)Field related configurations


General Settings


The general configurations is related to general settings such as pagination, number of records in a page, sorting order etc.
The service related configurations includes the URL call for Create, Read, Update and Delete actions.
The fields related configuration helps to display the column in the table and also create a dynamic form.

How to create different form elements and control?

To create different input control one can use the type options in fields. They should be provided inside ” (Single Quote)

password, textarea, date(Calender), radiobutton, checkbox, hidden etc are the possible values that can be used.

Options: The options can be used to create a selectbox or a dropdown. We can configure an url with this options so that the data can be fetched directly from server.

Sources: http://www.jtable.org



Best Open Source Business Intelligence Software Helical Insight is Here


A Business Intelligence Framework

0 0 votes
Article Rating
Notify of
Inline Feedbacks
View all comments