Tables in JavaScript – recommended solutions

Table

Level: intermediate

The last time I worked on the web application, of which a large part was the presentation of processed data in tabular form, with the possibility of sorting, etc. We had to find a good and quick solution for this purpose.

Tables in JavaScript – solutions

There is a small list of good solutions.

1. Dynatable.js

It’s quite a fresh look at the issue of creating solutions for tabular data in JavaScript. Dynatable.js is a jQuery plugin, also based on HTML5 and JSON.

This solution allows quite comfortably reproduce the data in the form of an interactive table. There are also many opportunities, such as search (filtering), creating a table with pagination, sorting, embedding images and more.

Dynatable.js - demo

Dynatable.js – demo

The website contains excellent documentation with examples. Available licenses: Open-source and commercial.

URL:

http://www.dynatable.com/

2. DataTables

I know this solution from one of older projects.

It is high quality product, with a paid support. Working with this solution was quite nicely.

As jQuery plugin, it’s easy to use:

$(document).ready(function() {
    $('#test-table').dataTable();
});

It also has a lot of customization options, including painless definition of CSS styles for tables.

DataTables - tabele w JavaScript

DataTables – tabele w JavaScript

Available on GPL or BSD license.

URL:

http://datatables.net/

http://datatables.net/examples/

3. jqGrid

Another solution to create tables in JavaScript is also a jQuery plugin – called jqGrid.

It’s an advanced solution for a variety of capabilities, which you can try on the Demo page.

jqGrid

jqGrid

URL:

http://trirand.com/blog/jqgrid/jqgrid.html

4. jQuery HighchartsTable

Tables in JavaScript are not enough? No problem. jQuery HighchartsTable a solution that allows you to present data not only as tables, but also as the charts!

Solution really great, and easy to use.

jQuery HighchartsTable

jQuery HighchartsTable

The programmer has many configuration options, so that can precisely adjust the charts.

Solution available under the MIT license.

URL:

http://pmsipilot.github.io/jquery-highchartTable-plugin/

And here I would like to end today’s small overview of the solutions.

Summary

At present, there is a whole bunch of solutions to support the work with tables in JavaScript. Feel free to comment, especially if you want to recommend own solutions.

Thank you.

Web and Mobile Software Developer, with years of experience. My biggest passions are programming, new technologies, e-commerce, as well sports, cars, and of course my family.

Facebook Twitter LinkedIn Google+ Skype Xing 

Share: Share on Facebook2Tweet about this on TwitterShare on Google+0Share on LinkedIn1Share on Tumblr0Digg thisEmail this to someonePin on Pinterest1
Both comments and pings are currently closed.

Comments are closed.