Table has been the best way to display data. Take Microsoft Excel as
an example, we can sort, arrange, edit and even filter the data easily
just with a few clicks. This time, we will have a look at Grid
Javascript plugin available in the web. With the application of
javascript, it transforms a normal table into "Excel-like" layout which
also comes with a bunch of features to load data, manipulate and viewing
data.
Check out this top 7 Grid Javascript plugins, they are fully packed with features and pretty sure they will be extremely useful.
FlexiGrid Lightweight
but rich data grid with resizable columns and a scrolling data to match
the headers, plus an ability to connect to an xml based data source
using Ajax to load the content.
Resizable columns, height and width
Sortable column headers
Can convert an ordinary table
Ability to connect to an ajax data source (XML and JSON[new])
Paging
Show/Hide Columns
Toolbar
Search
Accessible API
EditableGrid EditableGrid
is an open source Javascript library aimed at turning HTML tables into
advanced editable components. It focuses on simplicity: only a few lines
of code are required to get your first table up and running.
Load grid from XML or attach to an existing HTML table
Each column is typed
Edit cells with a suitable editor, according to the column type
Possibility to declare a list of possible values for the cells of a column
Built-in validators for data types
Insert and remove rows
Open Flash Chart integration: render charts from the grid data
Callbacks for all events
jQGrid jqGrid
is an Ajax-enabled JavaScript control that provides solutions for
representing and manipulating tabular data on the web. Since the grid is
a client-side solution loading data dynamically through Ajax callbacks,
it can be integrated with any server-side technology, including PHP,
ASP, Java Servlets, JSP, ColdFusion, and Perl.
CSS BAsed themes
Pagination
Resizable Columns
Sorting & Various datatypes
Support for XML, JSON and arrays as data sources
Event handlers & user API
Multilanguage support
TableSorter tablesorter
is a jQuery plugin for turning a standard HTML table with THEAD and
TBODY tags into a sortable table without page refreshes. tablesorter can
successfully parse and sort many types of data including linked data in
a cell.
Multi-column sorting
Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates
Support secondary "hidden" sorting
Cross-browser
Small code size
DataTables DataTables
is a plug-in for the jQuery Javascript library. It is a highly flexible
tool, based upon the foundations of progressive enhancement, which will
add advanced interaction controls to any HTML table.
Variable length pagination
On-the-fly filtering
Multi-column sorting with data type detection
Smart handling of column widths
Display data from almost any data source
Scrolling options for table viewport
jQuery UI ThemeRoller support
Dynamic creation of tables
Ajax auto loading of data
Hidden columns
SlickGrid Quite
simply, SlickGrid is a JavaScript grid/spreadsheet component. It is an
advanced component and is going to be a bit more difficult to learn and
configure, but once you realize its full potential, it will blow your
mind!
Adaptive virtual scrolling
Extremely fast rendering speed
Supports jQuery UI Themes
Configurable & customizable
Column resize/reorder/show/hide
Pluggable cell formatters & editors
Support for editing and creating new rows.
Grouping, filtering, custom aggregators, and more!
Full keyboard navigation
Grid from jQuery UI (coming soon) The
jQuery UI Team is proud to announce that we are building a rich, fast
grid widget that will enhance an HTML table with data linking, sorting,
paging, filtering, row selection, and inline editing. Well, it's not yet
released but it will be anytime soon.
Source: Queness.com
Language
More
Chinese
Taiwan
Deutsch
Italian
Janpanese
Korean
Turkish
Indonesian
Ukraine
Polish
Spanish
Slovenian
Recent articles More 30 Excellent JavaScript/AJAX based Photo Galleries to Boost your Sites Why JavaScript Coders Should Know the Basics of SEO? Free iPage Web Hosting for First Year NOW Free Awesome jQuery Count Down/Up Timer Scripts javascriptON.com - Instructions to Enable JavaScript 25 Stunning Personal Designs with JavaScript Sliding Animations Best Christmas Countdown Timers for 2012 9 Incredible and Addictive JavaScript Games Responsive Web Design Infographic Top Cool Apps and Services for Cloud-Based Web Developers
Top view articles 65 Free JavaScript Photo Gallery Solutions Top 10 Beautiful Christmas Countdown Timers Top 50 Most Addictive and Popular Facebook mini games 50+ Beautiful Resources of HTML Form using CSS and JavaScript HTML5 Web Workers Multithreading in JavaScript Top 10 Best JavaScript eBooks that Beginners should Learn Using JavaScript to Change Your Web Page Font Size Top 10 Free Web Chat box Plug-ins and Add-ons Javascript Countdown Timer redirecting For Your Affiliate Links Adding Javascript OnClick Events to ASP.NET RadioButtonList Controls