background preloader

DataTables (table plug-in for jQuery)

DataTables (table plug-in for jQuery)
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. Key features: 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 DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc) Scrolling options for table viewport Fully internationalisable jQuery UI ThemeRoller support Rock solid - backed by a suite of 2900 unit tests Wide variety of plug-ins inc. Editor, TableTools, FixedColumns and more It's free!

http://www.datatables.net/

Related:  Data visualisation toolssabdouljs

Gallery "Spike" map Interactive United States population density map. Average rating: 7.5 (23 votes) KeyTable 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. As a further bonus, KeyTable integrates seamlessly with DataTables. Let's jump straight into an example: the table below is editable through keyboard navigation.

Case study: A brief review of online visualisation tools that can help There is a growing range of online tools to help users their data. This brief review highlights four online visualisation tools that can help. The links page also links to lots more useful resources. Online tools that can help visualise data (these tools are free to use, but any data uploaded is typically then available on the system for other users) highlighted below include: On the resources and links page, we also link to free software applications and libraries for visualising data, and development languages for more sophisticated data visualisation. Many Eyes

Jeditable - Edit In Place Plugin For jQuery Hi! My name is Jeditable and I am inplace editor plugin for jQuery. With few lines of JavaScript code I allow you to click and edit the content of different html elements. Calendar Documentation This is the documentation of the new Dynarch Calendar (“JSCal2”). Note that it is not compatible with our old calendar project. The new calendar has less predefined ways to setup, and rather focuses on an extensive API that you can use to do what you want.

jQuery HTML Table Toolbox - Noupe Design Blog Apr 13 2010 By Paul Andrew In the 15 years since the HTML table element was first incorporated into HTML 2.0, it has been on a constant roller coaster ride. Upon its introduction it was a revelation, it was a new way for web designers to present detailed data in structured tabular format, it made our life easier and we loved it. But as is the nature of web development, it was pushed further and further to do even more. Pretty soon the main use of tables was no longer tabular data, it was used as a handy and quick way to control the layout of a complicated web page.

jQuery Plugin Development – 10 Tutorials To Get Started jQuery, one of the most popular JavaScript library, has a huge selection of plugins which makes it more powerful. On the other hand, there are much more codes/modules, from simple alert functions to complex galleries/form validation methods, that are hard-coded inside websites & not converted to plugins. For sure, not every code must become a plugin, that would be meaningless. But converting the ones to be re-used will save a lot of re-development time & if shared with the community, will make the code itself better.

Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG for web-native visualizations; no plugin required (though you will need a modern web browser)! Although programming experience is helpful, Protovis is mostly declarative and designed to be learned by example.

Any+Time™ DatePicker/TimePicker AJAX Calendar Widget - AJAX, JSON and XML Consulting and Training by Andrew M. Andrews III (SM) The Any+Time™ JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility. Sexy is OVER-RATED. Let's tryUSER-FRIENDLY. jQuery Plugin Tutorial, In-Depth for Absolute Beginners - Authentic Society Whether you are already familiar with Javascript development or just starting to learn more about dynamic web development, jQuery is an excellent framework to start learning more about today. People who come to jQuery from Javascript background begin to realize how much they have been missing. On this page we will learn how to make jQuery plugins, but several other important points will be made as well. In this tutorial you will learn about 2 different jQuery plugin patterns (pattern A and pattern B) -- by the end of this tutorial, you should be able to grasp the basics behind writing custom jQuery plugins. jQuery books as well as a few online tutorials were used as references in writing this tutorial. You can't really understand jQuery until you understand CSS Selectors

Desktop This software has been renamed to Gapminder World Offline Because of technical problems the software on this page is no longer being maintained! Please visit Gapminder World Offline (Beta) instead. Gapminder Desktop How to check and uncheck a checkbox with jQuery Posted November 14th, 2008 in Javascript (Updated September 14th, 2010) jQuery is a Javascript framework which can simplify coding Javascript for a website and removes a lot of cross browser compatibility issues. Yesterday I looked at how to get and set form element values with jQuery but didn't deal with checkboxes. Today's post looks at how to tell if an HTML form checkbox is checked or not checked with jQuery and then how to change it to be un/checked.

Venn Templates and Venn Diagram Software - Free and no download required with Gliffy Online A Venn diagram is a simple way to represent the relationships between groups of things with a clear, visual display. Let your ideas overlap In a Venn diagram, large circles represent groups of things with a shared attribute. Areas where these circles overlap represent individuals that belong equally to both groups. For example, a Venn diagram with one circle representing things made with yeast and another representing alcoholic beverages would have an overlapping zone where you could find both beer and wine. Justified Gallery Category: JQuery plugin Release Date: 10/2012 Technologies: Javascript, CSS, HTML, JQuery This is a JQuery plugin that allows you to create an high quality justified gallery of images. Fill all the spaces!

Related:  HTML DataGridlouisonbobeyJQueryjQueryData Librairies & toolsPHP JQUERYWebsite Development