20
Dec
// php the_time('Y') ?>
CompareNinja is a free-to-use web application for generating comparison tables very quickly.
It simply requires several variables to get started like "the title of the tables" or "number of items to be compared" and then asks for the details of the comparison.

There are few skins provided to choose from, new columns and rows can always be added and the HTML output is generated instantly.
After that, you can always edit the source and improve the table further.
And, yes, creating tables is not hard but, sometimes, a quick method that doesn't require any web editor is handy.
25
Jan
// php the_time('Y') ?>
Markercss is a complete CSS framework for creating website layouts quickly.
It comes with a set of stylesheets: layout, borders, backgrounds, links, forms, text, colors & tables which makes it possible to use only what is needed.

The framework has a combination of references like adding a w10 class (10-1000 is defined) will make an element 10px or p5 (5-50 is defined) will add a 5px padding.
It doesn't force or limit the designer with preset widths/heights, rather, it focuses on offering the most used styles in a flexible way.
There is a set of examples provided which shows how Markercss works.
Compatibility: All Major Browsers
1
Mar
// php the_time('Y') ?>
DataTables is a jQuery plugin for adding advanced interaction controls to HTML tables.
It can add pagination, filtering and multi-column sorting functions to tables with ease.

The plugin has multilanguage support & many features that make it flexible:
- Smart handling of column widths
- State saving
- Hidden columns
- Dynamic creation of tables
- Ajax auto loading of data
- Alternative pagination types
- Sorting column(s) highlighting
DataTables can also be extended with the plug-in support it provides & its look can be totally customized via CSS.
Compatibility: All Major Browsers
28
Jun
// php the_time('Y') ?>
Dragtable is a JavaScript library for making the columns of a table draggable.
It is very easy to use as inserting the dragtable.js in our code and adding the class="dragtable" to any table is enough.

Tables become more functional with Dragtable as you can put the columns you think important side-by-side and have a better view.
It can also be used with the famous Sorttable library which will make the standard tables both draggable and sortable.
Requirements: No Requirements
Compatibility: All Major Browsers
15
Feb
// php the_time('Y') ?>
TableKit, built with the Prototype Framework, not only improves the usability of standard HTML tables but also saves so much time while implementing a standard data editing & sorting functionality.

Features of TableKit:
- Row striping
- Column sorting
- Column resizing
- Cell editing using Ajax
Requirements: Prototype Framework
Compatibility: All Major Browsers
13
Jan
// php the_time('Y') ?>
Rather than adding css styles to the tables in websites, there is an easy way to style them named: Tablecloth.
Tablecloth is a 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.

Tablecloth searches the html source for table elements and process each one. So, there’s absolutely no need for hardcoded class names or id’s.
Features
- Adding even/odd class names to alternative rows.
- Adding over and out class names for mouse over and mouse out states.
- If set to true Tablecloth will highlight rows or columns (or both).
- If set to true Tablecloth adds selected state on click. Based on preferences it then selects rows or columns (or both). Unselect elements by clicking anywhere on the page.
- It leaves room for your upgrade. It has easily editable function that is called when you click on table cell that you can use for your own code..
Requirements: No Requirements