15 Great jQuery Plugins For Better Table Manipulation

By -
Table is the most difficult object to be styled, due to its browser compatibility and markup. Most of the designers and developers will use div to replace table because it is much more easier to style div than table.
But, we still need table in our daily applications, one of the best example is comparison table. This article will share 15 useful jQuery table plugins for you to display, sort, filter and manipulate your data in table.

  1. DataTables

    DataTables is very powerful jQuery plugin which offer a lot of features. For example, you can have on-the-fly filtering, ajax auto-loading of data, pagination, sorting columns, highlight sorted columns, extensive plug-in support, themeable by CSS or jQuery UI ThemeRoller and also a complete documentation.

  2. uiTableFilter

    uiTableFilter is a jQuery plugin for filtering table rows. The author shows a detailed example on how to implement the filter function for your table together with the plugin.

  3. Scrollable HTML Table

    Scrollable HTML Table plugin for jQuery able to convert a table into scrollable.

  4. Tablesorter

    Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. It supports multi-column sorting, cross-browser and easily extensible via its widget system.

  5. Flexigrid

    Flexigrid is a lightweight Web 2.0 Javascript Grid for jQuery. It has a lot of cool features such as theming, paging, toolbar, search, sortable, ajax loading data source, resizable columns, height and width.

  6. HeatColor

    HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element.  The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a “heat” color based on its derived value’s position within the range.

  7. JQTreeTable

    With JQTreeTable, you can have a treeview in your table. With this plugin, users still get the plain table even thought they disable Javascript.

  8. Ingrid

    Ingrid is yet another jQuery Datagrid plugin. It has features like column resizing, paging, sorting, row and column styling and more. The author’s website provide great documentation on how to get started with this plugin.

  9. jQuery ColumnManager plugin

    columnManager is a jQuery plugin that able to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. This is a very tiny and lightweight plugin which is only 3.6kb packed.

  10. jQuery treeTable

    jQuery treeTable is similar with JQTreeTable, which is able to display a tree in a table. This plugin keeps the HTML documents clean and will degrade nicely when Javascript is disabled in the browser.

  11. CSV2Table

    CSV2Table will load a CSV file and creates a table with contents from the CSV files.

  12. Table Pagination

    This jquery plugin is used to create a pagination element under a table element. You can customize your pagination needs through various settings.

  13. jQuery TableRowCheckboxToggle

    This plugin can add toggle checkbox to any rows that can be specified through the CSS class names.

  14. Table Drag and Drop jQuery plugin

    This simple plugin allows user to reorder rows within a table usingd rag and drop. Individual rows can be marked as non-draggable and/or non-droppable.

  15. uiTableEdit

    uiTableEdit is another cool jQuery able plugin from Greg Weber, the author for uiTableFilter. uiTableEdit will makes the tables editable by users.

Comments

Post a Comment

Popular posts from this blog

ubuntu package installation

By -
Ubuntu is an ancient African word meaning 'humanity to others'. It also means 'I am what I am because of who we all are'. The Ubuntu operating system brings the spirit of Ubuntu to the world of computers. Package Installation and Updates Apt and Package Basics Most new users will use the Synaptic Package Manager to install packages. These instructions are for installing packages from the command-line Terminal. Terminal can be started: Menu -> Applications -> Accessories -> Terminal Install packages: sudo apt-get install packagename Example: sudo apt-get install mpd sbackup Remove packages: sudo apt-get remove packagename To remove all dependencies: sudo apt-get autoremove Example: sudo apt-get remove mpd sbackup Search for packages: apt-cache search <keywords> Examples: apt-cache search Music MP3 apt-cache search "Text Editor" Update the apt package database after adding/removing repositories: sudo apt-get upd...
Read more

Drupal Bootstrap Database

By -
This is the 3rd article in the series covering DRUPAL v6 bootstrap process. As the bootstrap name implies, this phase covers initializing a connection to a database. The phase begins by including 'database.inc' , which is a database abstraction layer allowing developers to use different database servers with the same code base. One of the functions defined by this library is the db_set_active() function, which is invoked by the bootstrap database phase. This function is used to activate a database used by queries in later phases or during page building and rendering. The function begins by checking if the global variable $db_url is empty. Recall that in the phase #1 - DRUPAL_BOOTSTRAP_CONFIGURATION, this variable is set to the value specified in settings.php unless it is still set to the default string of ' mysql://username:password@localhost/databasename' . In that case, $db_url is simply set to empty string ''. This would indicate a first time insta...
Read more

How to fix 500 internal privoxy error

By -
I keep getting a 500 Internal Privoxy Error when I open a particular URL. I t ried several websites that promise a fix but only want to sell me some bullshit software for $29.95 that doesn't do anything.   The actual message is as follows 500 Internal Privoxy Error Privoxy encountered an error while processing your request: Could not load template file connect-failed or one of its included components. Please contact your proxy administrator. If you are the proxy administrator, please put the required file(s)in the (confdir)/templates directory. The location of the (confdir) directory is specified in the main Privoxy config file. (It's typically the Privoxy install directory). After spending so much of time and putting lots of effort at internet, finally I fixed it. The solutions is -- Disable proxy settings and check. Press “Windows Logo” + “R” keys on the keyboard, type “inetcpl.cpl” and press “Enter”. Click the “Connections” tab, and then click “LAN settings...
Read more