MediaTable listen to screen size to define visible or hidden columns using CSS media query.You can choose what column to view with the automagically columns menu. This is a usefull solution to display big data table into small screen devices allowing the user to display relevant data at the beginning then to choose what data to display.
Best jQuery Tables Plugins & Tutorials with Demo
jui_datagrid is an Ajax-enabled jQuery plugin, useful to manipulate database data in tabular format.
Fully customizable, simple but powerful API, jQuery themes compatible, localization support. It has a modular design, so it is using jui_pagination plugin for paging and jui_filter_rules plugin for searching.
CHAP Links Library is a web based visualization library for displaying graphs, networks, and timelines.The library is specially designed to be easy to use, to handle large amounts of data, and to enable manipulation of the data. The library consists of Graph, Graph3d, Network, Timeline, and Treegrid.
Most table sorting plugins try to account for a limitless number of data types and their limitless ways of being presented. This leads to an extremely bloated code base with only a tiny portion of the code ever used by your project.
ParamQuery grid is a lightweight jQuery grid plugin inspired by MS Excel and Google spreadsheet. It’s based upon jQueryUI Widget factory which is an excellent design pattern for UI controls with consistent API.
- Resizable columns
- Resizable height and width
- Customizable theme
- Hiding / Showing columns
- Freeze any number of Columns like Excel
- Display any data source format like HTML, Array, XML, JSON, etc
- Can be used with any server side framework e.g. ASP.NET, MVC3, JSP, JSF, PHP, etc
- Virtual Scrolling and Rendering
- Inline Editing of cells
- Supports all the major browsers and has been tested in IE 6,7,8, Firefox, Chrome, Opera, etc
The jQuery plugin for equalizing the height or width of elements. The purpose of stacktable.js is to give you an easy way of converting wide tables to a format that will work better on small screens. It creates a copy of the table that is converted into a 2-column key/value format.Use media queries to toggle the visibility of the original table and the stacktable (check out the stacktable.css example).
jQuery plugin for tables with fixed headers.FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new features and improvements to be released.
Some options include a fixed footer using the tables tfoot element or cloning the thead as a fixed footer. This plugin is meant to be lightweight, easy to use and performant.
FooTable is a jQuery plugin that aims to make HTML tables on smaller devices look awesome – No matter how many columns of data you may have in them.FooTable transforms your HTML tables into expandable responsive tables.It hides certain columns of data at different resolutions (we call these breakpoints).Rows become expandable to show the data that was hidden.
So simple! So all the data that is hidden can always be seen just by clicking the row.