jquery.easyTable

The intent of this plugin is to help the development while using tables. It has some quicker solutions for some commons and tricky problems. This plugin uses jQuery, one of the most important javascript's library.

How does it work...

This plugin don't have any default action, so it will depend on the parameter while calling the method.

The available actions are : fixedHead, undoFixedHead, addRow, editRowContent, removeRow, removeAllRows, sort.

Some actions also need other parameters to do his jobs.

        action
          └── parameters

        ├── fixedHead
        ├── undoFixedHead
        ├── addRow
        |   ├── values
        │   ├── { names }
        |   └── { ids }
        ├── editRowContent
        ├── removeRow
        │   └── indexes
        ├── removeAllRows
        └── sort
            ├── column
            ├── { from }
            ├── { to }
            └── { orderBy }

Those with { paramenterName } are optional to the action.

How to Apply the plugin?

Import the JS file like any other else! Just remember to put easyTable import after jQuery import ;)

   <script type="text/javascript" src="jquery-1.11.1.js"></script>
    .
    .
   <script type="text/javascript" src="jquery.easyTable.js"></script>

Usage

As any other jQuery plugin, it just needs a jQuery object and a method call!

// To fix the header of a table.
$('#easyTable-example').easyTable( 'fixedHead' );

//Adding a row.
$('#easyTable-example').easyTable('addRow', { columnsValues: ["first", "...", "N" ] } );

//Remove some rows.
$('#easyTable-example').easyTable( 'removeRow', { indexes: [ 0, 2 ] } );

//Remove entire content.
$('#easyTable-example').easyTable( 'removeAllRows' );

This plugin is still under development, any help will be appreciated!