Archive for September, 2015

12 Best Free jQuery Table Plugins

Creating and sharing tables on websites are a bit tough. But jQuery contains various plugins that allows users to create and showcase their data in form of tables very easily.

1. jQuery Tabledit

jQuery Tabledit is a jQuery plugin that is easily downloadable and can be used to create tables which are completely in sync with Bootstrap. It also allows users to edit tables the same way as spreadsheets and provides a button to switch between edit and view.

2. Fixed Header Table

This jQuery plugin helps to create tables fixed headers. It can also vary the size of the table according to the needs of the project.


3. Bootstrap Data Table

Bootstrap Data Table allows users to create tables and edit them with ease. Users can also sort find a table with this plugin. It also allows users to add various icons and fonts with the aid of Fontawesome.

4. Bootstrap Table

Bootstrap Table is great for those looking for an extended plugin that offers loads of features like radio, checkbox, extensions, pagination and sort options. It is available for free and can be installed easily.


5. jQuery Edit Table

jQuery Edit Table is one of those jQuery table plugins that can be used with equal ease with both AJAX and HTTP POST. This light weight jQuery plugin helps to cover up mistakes which are made by missing or faulty input in a table.


6. HighChartTable

Many  times, designers are required to convert HTML tables into high chart graphs in order to represent them on a website. This process is greatly aided by HighChartTable. It allows all table data to be converted into graphs which can be customized too.


7. Stupid Table

Don’t get intimidated by the name. Stupid Table is stupidly easy to deal with. This extremely lightweight jQuery plugin can be used extensively for sorting out various tables. All you need is a little knowledge in JavaScript and you are ready to roll.


8. FooTable

Working on a mobile site? Need a jQuery plugin which will make tables look cool and crisp even on small screen? Try FooTable. This plugin allows users to turn their HTML tables into expandable responsive counterparts of the larger versions with size not being a factor.

9. Dynatable

Utilization of  jQuery, HTML5, and JSON makes Dynatable a lot of fun to work with. It provides users with all the basic extensions needed for table creation and editing along with much more. It is perfect for viewing large datasheets in smaller versions.


10. jQuery Filter Table

jQuery Filter Table is a perfect plugin for those looking for something to hide various rows or columns of a table which users are not interested in viewing. Just apply the required filter and the job is done.

11. Stacktable.js

Organizing a table often proves to be a tedious job. But thanks to Stacktable.js it can be done in a jiffy. The plugin equates the height and width of the entire table, thus formatting them to appear stacked and pretty.


12. jQuery Treetable

jQuery Treetable is the jQuery plugin which allows users to convert lists and trees of data into perfectly aligned tables which are easier to view and incorporate in a website.


9 Great jQuery Progress Bar Plugins

Progress bars are a pretty important part of any website and they give developers a chance to show their creativity too. jQuery provides some pretty good plugins, which can be used to create animated and/or customized progress bars for a website to make it more attractive. The following are some jQuery plugins that will help users create the look they want.

1. NProgress.js

If the goal is to find a jQuery plugin which will help create progress bars similar to that of the Google or YouTube, then NProgress.js is the best choice. It uses realistic animations to show loading which is helpful for users.

2. ProgressBar.js

Tired of rectangular progress bars? Want to create some interesting progress bars ? Then give ProgressBar.js a shot. This jQuery plugin allows users to create progress bars with various arbitrary shapes which can be chosen from the library or created.

2015-08-12 03.01.51 pm

3. Progress.js

At times a website will need a progress bar for individual objects featured on a page. Progress.js allows users to create progress bars that will allow onlookers to see updates on where they are at when signing up for a website. This jQuery plugin has a JavaScript and CSS3 library that allow users to choose a design or customize your a progress bar. Progression.js is really easy to use: Create a form and then install the plugin to activate it.

4. Goal Progress

Users who need of animated progress bars, will want to make Goal Progress one of their primary choices. This jQuery plugin shows users how much they have progressed toward a goal in real time. Just apply the required input and it’s set to go.

2015-08-12 03.06.19 pm

5. Circular Loader

As the name suggests, Circular Loader provides users with circular progress bars which are created with the help of HTML5 and JavaScript. This plugin works smoothly with all the major browsers and can be customized according to the needs of the user.

6. jQMeter

jQMeter is really, really simple to use. All you have to do is notify the goal or the progression chart and this lightweight plugin will help you to the rest automatically or you can customize it as per your own needs. It only creates horizontal or vertical plugins, but the animation can be customized according to the look of the website.

7. Bootstrap Progressbar

Bootstrap Progressbar keeps users updated on the on their progress through information notification or a call-back. It uses existing the CSS along with JavaScript to create the required progress bar.

8. LoadGo

LoadGo helps users to create progress bars that feature a website or company’s logo. It allows developers to use the image of their choice as a progress bar for a website by overlapping the DOM.

2015-08-12 03.00.42 pm

9. Swiper

Swiper is a real time progress bar plugin by jQuery which allows users to produce customizable and animated progress bars for their websites. Swipper also allows users to add site to add special effects to their progress bar.

2015-08-12 03.01.10 pm

10. Pace

Ajax navigation or progress bar has never been this pretty before. Pace automatically figures out how much the element you have assigned it for, has loaded and shows the progress in real time. If you are navigating from one element to another, it will start up again from the beginning.

2015-08-12 03.00.06 pm

11. jQuery Progress Indicator

jQuery Progress Indicator is not a progress bar which indicates the loading of the page. This jQuery plugin shows you the progress bar for scrolling of the page. The progress bar has a similar appearance as that of the YouTube progress bar and has been released under MIT license.

2015-08-12 03.00.31 pm