Javascript Turn HTML Tables Into Advanced Editable Components : 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.

 

You can use the EditableGrid library in two ways:

1. Hook up to an existing HTML table


2. Build your grid from an XML description of the table structure and contents

Read More

zGrid : PHP / AJAX / jQuery based Grid System

I have developed a Grid system using PHP, jQuery and Ajax. I want to share this with my dear users. It is not very well parametrized or generic but if have little much understanding of jQuery and Ajax then its easy to use. Give your feed back about zGrid.

Read More

jQuery Desktop

JavaScript desktop environment built with jQuery + HTML5.

Read More

jQuery TinySort a sorting plugin

TinySort will sort any nodetype by it's text- or attribute value, or by that of one of it's children.

Read More

Table Drag and Drop JQuery plugin

I’ve been using JQuery for a while now and really agree with its tag line that it’s the “The Write Less, Do More, JavaScript Library”. We’ve also got this code for dragging and dropping table rows that has proved very popular, so it seemed natural to combine the two and wrap up the table drag and drop as a JQuery plugin.

Read More

jQuery colResizable - resize table columns easily

colResizable is a jQuery plugin designed to enhance any kind of HTML table object adding column resizing features by dragging column anchors manually. It is tiny in size (2.8kb) and it doesn´t require any other library dependencies such as jQuery-UI or others. It is fully compatible with all major browsers(IE7+, Firefox, Chrome and Opera), and works perfectly with both percentage and pixel-based table layouts.

Read More

BIGrid a Fixed Rows & Fixed Columns table in jQuery

BI Grid is designed to present your data, especially in the reports for enterprises.The idea comes from the BI system I produced months ago. It would be able to edit data easily, drill down to details easily and ajax enabled. Other good features will be supported in the future.

Features to be supported:

• It has two modes: View & Edit. The edit mode enable users to edit the data in the grid through Ajax.


• Init data by using Ajax.


• Drill down to details by using Ajax.


• Support JSON & XML data types.


• Support Multi-skins.

Read More

jTable A JQuery plugin to create AJAX based CRUD tables

jTable is a jQuery plugin that is used to create AJAX based CRUD tables without coding HTML or Javascript. It has several features including:

• Automatically creates HTML table and loads records from server using AJAX.


• Creates 'create new record' jQueryUI dialog form. When user creates a record, it sends data to server using AJAX and adds the same record to the table in the page.


• Creates 'edit record' jQueryUI dialog form. When user edits a record, it updates server using AJAX and updates all cells on the table in the page.

Read More

Scrollable Fixed Header Table – A JQuery Plugin

This plugin allows html tables to be scrollable horizontally and vertically while headers are still visible and in tack with the columns. This plugin can be used in two modes:

• With column select – Columns to view can be selected. The select state can be persisted in a named cookie.


• Without column select

Read More

jQuery Flexible Data Heat Map

Add more excitement to data tables using jQuery and conditional formatting to generate flexible data “heat maps”. Long tables of numbers are never fun to look at and when presenting this kind of data on the web, where attention spans are already at their limits, you need to be able to present the highlights as quickly as possible. Data heat maps provide the perfect way of taking ordinary data and creating something more visually appealing and informative.

Read More

jQuery ComboGrid Plugin

ComboGrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. ComboGrid provides keyboard navigation support for selecting an item.

Read More

jQuery charToTable plugin

I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?

The idea evolved and I started to write a new jQuery plugin, charToTable.

I really don't know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.

Read More

jPList : jQuery List Handling plugin

jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.

• Works with any content (tables, lists, div elements)


• Seo friendly


• Paging


• Filtering


• Ascending or descending sorting


• Alphabetical or numerical sorting


• Sorting, paging and filtering state can be saved in cookies.

Read More

JCRUD - Create, Read, Update and Delete Rows with jQuery

jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.

• Insert, update and delete rows in HTML table


• ASP.NET server side + AJAX


• Pagination


• Sorting


• Works in all major browsers (Firefox, Opera, Safari, Chrome, Internet Explorer 6+)

Read More

SFBrowser File Manager With PHP & jQuery

SFBrowser is an open source application, built with PHP and jQuery, formanaging files online with an Ajaxed interface.

Besides listing files and folders, it can upload, delete, rename and preview them. Uploading can be accomplished via an Ajaxed or Flash-based uploader (queued multiple uploads, progress bar, canceling, selection filtering, size filtering).

The functionality can be extended with plugins. There are few ready-to-use ones like filetree and image-resize.

Read More

Clickable Table Rows with jQuery

Tables have a bit of a bad reputation in the web world but there are a lot of times where using a table makes sense according to the data being presented. One of the most common approaches to tabular data is having a column on either side of actions the user can take to that specific row; Edit, Delete, etc. A really quick way to improve the user experience is by making each table row clickable.

Read More

Live Table Edit, Delete with Pagination using Jquery

This post is a collaboration of my previous popular posts such as live table data edit, delete records with pagination using Jquery, Ajax and PHP. I had implemented this using Jquery .live() function and DOM event handler .stopImmediatePropagation(). This script helps you to instantly modify or update the table data.

Read More

PicNet Table Filter

This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table.The PicNet Table Filter is used in production in several PicNet projects so it has been tested production ready. The table filter was born out of our Visual Analytics (Mouse Eye Tracking) project and has received great feedback.

Read More

Feature Table Design with jQuery

“I ran into the feature table design and I was inspired to try and replicate it. First in Photoshop, then in HTML/CSS. Recreating cool stuff you find on the web is definitely an excise I recommend (a few days after, I read this – couldn’t agree more). As these exercises typically do, it lead me down some interesting paths.”

Read More

TableGear jQuery based application like Excel

TableGear is a software package for working with data on the web. It is designed get your data into a web page, and let you work with it quickly and easily, the way you would in powerful desktop applications like Excel.

Read More