WebAppers

/ best free open source web resources /

Shopify

Excel Style Keyboard Navigation for HTML Tables

Posted · Category: BSD License, GPL License, Tables

There are a number of tools such as DataTables which provide enhanced access to HTML tables for Javascript capable browsers. However, these tools often lack keyboard accessibility. KeyTable addresses this by allowing Excel like cell navigation on any table.

KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. Simply navigate to the cell you wish to edit and hit return. This initialises the excellent jEditable plug-in for jQuery – make your edit and then hit return again to save.

Key Table

Requirements: IE 6+, Firefox 3+, Safari 3+, Opera 9.6
Demo: http://www.sprymedia.co.uk/article/KeyTable
License: GPL or BSD License

TinyTable – Easy to Use Javascript Table Sorter

Posted · Category: CC License, Tables

TinyTable is a JavaScript table sorter script is easy to use and feature packed at only 2.5KB. There are many features great include column highlighting, optional pagination, support for links, date/link parsing, alternate row highlighting, header class toggling, auto data type recognition and selective column sorting. Also, the table styling is completely customizable via the CSS.

TinyTable has been tested in Firefox 2/3, IE 6/7/8, Opera, Safari and Chrome. This script is available free of charge any project, personal or commercial, under the creative commons license and is offered AS-IS, no free support provided.

TinyTable Javascript Table Sorter

Requirements: -
Demo: http://sandbox.leigeber.com/table-sorter/index.html
License: Creative Commons License

Display Easily Accessible Tabular Data with DataTables

Posted · Category: BSD License, GPL License, Tables

DataTables is a jQuery plugin for building tables. It was designed for progressive enhancement of tabular HTML data, giving the end user a wide range of options for customising the display of that data as they wish. It is very easy to integrate DataTables directly into your web-site or web-application.

The core features of DataTables includes Ajax auto loading of data, Variable length pagination, Multi-column sorting, Single column filtering, Type detection for dynamic data, Smart handling of column widths, Fully internationalisable, Themeable by CSS and it is Free!

Data Tables

Requirements: jQuery Framework
Demo: http://www.sprymedia.co.uk/dataTables-1.4/example_zero_config.html
License: GPL, BSD License

Sigma Grid – Ajax Editable Data Grid

Posted · Category: LGPL License, Tables

Sigma Grid is written in pure javascript, which is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. Sigma grid appearance is controled via a stand-alone CSS(style sheet). Developer can change grid skin by defining themes in different CSS files.

It supports online printing, to make it easy to print tabular data in WYSIWYG way. Paging enable developer display data page by page. Data will not be retrieved from server side until end user come to the page it is at. End user can sort records by clicking on the header of a column. Developer may define a new data type and a new way to sort.

Bar diagram, line diagram and pie diagram are built in. Translation tabular data into diagram without any server-side coding. Data filter enables sigma grid to present the data users are interested in only. And you can download and use Sigma Grid freely under LGPL license.

Sigma Ajax Grid

Requirements: -
Demo: http://www.sigmawidgets.com/products/sigma_grid2…
License: LGPL License

Treeview – Expandable and Collapsible Tree jQuery Plugin

Posted · Category: GPL License, MIT License, Tables

Treeview is a lightweight and flexible jQuery Plugin which transforms an unordered list into an expandable and collapsible tree. It is great for unobtrusive navigation enhancements. Treeview supports both location and cookie based persistence. It has been tested in Firefox 2, IE 6 & 7, Opera 9 and Safari 3.

Treeview jQuery Plugin

Requirements: Firefox 2, IE 6 & 7, Opera 9, Safari 3
Demo: http://jquery.bassistance.de/treeview/demo/
License: MIT, GPL License

Veerle’s Tutorial: A CSS Styled Table Version 2

Posted · Category: License Free, Tables

In 2005 Veerle wrote an article about styling a table with CSS. After receiving so many requests Veerle decided to give in and write another tutorial called A CSS styled table version 2. Seems like a popular topic and an interesting one to share some tricks on how you can nicely style them. A CSS styled table version 2 is about the proper usage of tables, for tabular data. How you can implement them with accessibility in mind and how to make them appealing for the eye using CSS. The styling looks stunning and I think you can use it when designing tables or even forms for your websites.

css-table.png

Requirements: No Requirements
Demo: http://veerle.duoh.com/blog/comments/a_css_styled_table_version_2/
License: License Free

Highlight Table Rows or Columns Automatically with Tablecloth

Posted · Category: License Free, Tables

Tablecloth is lightweight, easy to use, unobtrusive way to add style and behaviour to your html table elements. By simply adding 2 lines of code to your html page you will have styled and active tables that your visitors will love. There’s absolutely no need for hardcoded class names or id’s on the tables.Tablecloth adds those automatically.

If you mouseover on a table, Tablecloth will highlight the row or column (or both) automatically. Tablecloth will also adds selected state on click. It is really useful and easy to implement. I am sure I will use it in the near future.

tablecloth.png

Requirements: No Requirements
Demo: http://cssglobe.com/lab/tablecloth/
License: License Free

Sort Multiple Columns with Tablesorter jQuery Plugin

Posted · Category: GPL License, MIT License, Tables

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. It has many useful features including:

  • Multi-column sorting
  • Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
  • Support for ROWSPAN and COLSPAN on TH elements
  • Support secondary “hidden” sorting (e.g., maintain alphabetical sort when sorting on other criteria)
  • Extensibility via widget system
  • Small code size (7,4kb packed)

*** You can sort multiple columns simultaneously by holding down the shift key and clicking a second, third or even fourth column header.

tablesorter.gif

Requirements: jQuery
Demo: http://tablesorter.com/
License: GPL and MIT License

Most Features and Professional Ext Grid Tables

Posted · Category: LGPL License, Tables

We have mentioned earlier Ext is a JavaScript framework for building web applications. It has got some stunning UI components to aid your development. We can use Ext Framework to create Beautiful Ext Grid Tables easily. The tables provide the following features.

  1. Expander Rows, Collapse and Forse Fit
  2. Framed with Checkbox Selection and Horizontal Scrolling
  3. Grid with Numbered Rows
  4. Support for Panel Features such as Framing, Buttons and Toolbars

ext-tables.png

Requirements: Ext Framework
Demo: http://extjs.com/playpen/ext-2.0/examples/grid/grid3.html
License: LGPL License

Unobtrusive Table Sort Script by Frequency Decoder

Posted · Category: CC License, Tables

Unobtrusive Table Sort Script can sort dates (dd-mm-yyyy, mm-dd-yyyy or yyyy-mm-dd formats accepted), currency values (£, $, €, ¥ and ¤), numbers/floats and plain-text (sorted in a case-insensitive manner). It also enables zebra striping the table rows and highlighting the currently sorted column. All table column s are sortable. You can implement your own sort function easily if you would like to. The table looks really nice as well.

tablesort.png

Requirements: Modern Browsers with Javascript Enabled
Demo: http://www.frequency-decoder.com/demo/table-sort-revisited/
License: Creative Commons License

Page 3 of 4«1234»
Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons