jTable.org

A JQuery plugin to create AJAX based CRUD tables.

Donate to jTable
Demos | Documentation | Discussion | Themes | Downloads | About
jTable on GitHub Github

jTable API Reference

jTable is used to develop AJAX based CRUD (Create/Retrive/Update/Delete) tables without coding HTML and JavaScript. Only needed HTML tag is a simple div element in your page:

<div id="MyTableContainer"></div>

To initialize a jTable instance, you can call jtable method in the ready event of the document as like that:

<script type="text/javascript">
    $(document).ready(function () {        	
       $('#MyTableContainer').jtable({
            
            //General options comes here

            actions: {
                //Action definitions comes here
            },
            fields: {
                //Field definitions comes here
            }

            //Event handlers...
        });		
    });
</script>

jTable has three types of options:

  • General options: Defines general behavior of the jTable instance.
  • Actions: Defines how to communicate from client to the server.
  • Fields: Defines structure of the record, create/edit forms and table. jTable defines an row in the table as 'record'. So, a record must has fields as fields of a relational database table.

NOTE: When you create a jTable instance, a table is created but no data is loaded to the table. load method is used to do it. See Getting Started document for detailed usage.

Complete Reference