Posts Tagged ‘Table’

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.

Dragtable JavaScript Library

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.

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.

Ajax Editable Table

Features of TableKit:

  • Row striping
  • Column sorting
  • Column resizing
  • Cell editing using Ajax

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.

Table CSS Style Tablecloth

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..
feed-holder
FeedBurner
  • slice'n dice
  • Advertise At WebResourcesDepot
  • PSD to HTML
Gooey Templates
  • activeCollab | Project Management
  • MailChimp
  • PSD to HTML