Projects tagged ‘javascript’ and ‘table’

A Magic Table By Dr Greg Ross See more of your data at a glanceThe Magic Table is a JavaScript library that allows you to see more in your data by applying some simple visual techniques to ... [More] transform a table. Information VisualisationThe examples show how you can obtain a barchart or scatterplot view in the table as well as a novel approach to displaying a lot more of your data without using up much valuable screen real estate. The latter technique has adopted the concept of spatial distortion, using a fisheye lens model. Reducing the row height and column widths so that all of the cells become visible and using colour to encode the cell values affords the user an informative overview of all the data in one go. By moving a lens over this overview we can magnify the cells under the lens so that we obtain detail within the overview. Google visualisation APIThe library has now also been wrapped in Google's visualisation API. Here's an example of how to use it this way. Easy to useDownload or checkout the code and follow the walk-through or the example web pages to quickly create a magic table. BrowsersThe library has been tested in Firefox, Opera, Safari and Chrome. It's super-fast in Safari. However, since it uses the canvas element, it does not work in Interner Explorer (boooooooooooooo!). I tried to get it to work with ExplorerCanvas but IE is stupendously slow when it comes to VML path rendering. In fact, Internet Snorer is around 10 orders of magnitude slower than Safari! Alas, I decided not to continue my effort in making it compatible with IE. Instead, it is intended that the library is used in applications that have, wisely, embedded a non-IE browser engine such as Gecko or Presto. Click on the images below to see working examples: [Less]

jDataTable is designed to be simple, faster, and easy to use. With jDataTable you can: •Go for multiple data formats: Plain Javascript Objects, XML and JSON •Sort data faster! •Attach URL ... [More] links to data rows (a feature YUI wont give you) •Control over appearance of specific rows through javascript [Less]

liteGrid is a lightweight, event-driven jQuery Grid/Table plug-in. Its loosely-coupled, extensible design makes it very easy to customize without requiring you to make cumbersome changes to complex ... [More] code. The core of liteGrid provides very little functionality. It's power comes in the form of pluggable modules. Out of the box, it supports: AJAX-based data provider supporting retrieval, updates (both multi-row batch and single-cell modes), updates, and inserts, with full support for retrieving and rebinding database-populated values post insert/update (more on this in a future post) Batch saving module that allows users to persist their changes on-demand BlockUI integration, nicely disabling access to the grid during data operations Cell saving module that automatically saves changes whenever a cell is edited Formatting module that allows you to specify anything from simple to advanced formatting rules Editable via integration with JEditable Layout manager that adds resizable columns, fixed header row, and more Integration with jQuery UI Row addition module that does exactly what it sounds like Row deletion module that adds a delete button to all rows (Thanks to David Koehler) Injection protection through escaping potentially dangerous characters, and unescaping them prior to edit Dynamic row striping that maintains the correct striping even as the grid changes Toolbar that supports custom buttons Tree-grid functionality, allowing rows to be nested under other rows Client-side sorting, even when the tree-grid module is used. [Less]

Once you include this script, you can give an HTML table drag-and-drop reorderable columns by setting "class=draggable". dragtable can be combined with sorttable by setting 'class="draggable ... [More] sortable"', thus producing highly interactive HTML tables without complicating your page. For more details, see http://danvk.org/dragtable/ [Less]

iPhone Jiggy app (beta)...Only tested on 1.1.2 and 1.1.4 (iPhone)]Magyar "fejlesztés" :D... Az egri Wigner Jenő iskolának az óra rendje... Később: -Beállíthatók lesznek az időközök ... [More] és az időpontok -új ikon kép és betöltő kép -angol fordítás http://jiggyapp.com/ http://groups.google.com/group/jiggyapp-devel Jiggy runtime: Add the Jiggy repository to Installer. Just launch Installer, click on the “Sources” button, click on “Edit” at the top right and then “Add”. Enter the following URL http://jiggyapp.com/i Then, hit “OK”. Once the sources are refreshed you will see two new packages under the “Development” category. First, install the one called Jiggy Runtime. [Less]

Transforms a table of stage names and start and stop date and times into a Gantt chart for visually representing events that span times greater than a day. Useful for implementing scheduling interfaces.

GWT-Masterview library is an extension to Google Web Toolkit that provides widgets to filter, sort and paginate your data. It's easy to use, it's widgets are fast and it works right out of the box: ... [More] you can display your objects with just 3-4 lines of code. Initially I started to look for a replacement to the Displaytag library, which can't be used in pure GWT applications. Some GWT-extending libraries provided tables, but these tables either were just wrappers of external JavaScript toolkits, or didn't have filter or paging functionality. So I wrote my own small library, with API similar to the one that Displaytag has, and named it Masterview, because I find it simple to create master screens using it. NOTE: The beta is ready. I'll import it into svn in a day or two. A tutorial on how to start using the library can be found here. Masterview library has several predefined themes, but default one looks like this (you can read more about using predefined themes or creating your own here): The main features of the libraryThe Masterview library uses no external JavaScript, only extending basic GWT widgets. It has several advantages: Smooth integration with standart GWT widgets and their extensions. Easy debugging in browser hosted mode. Advantage of improving GWT compiler's optimization. The API is similar to the one Displaytag library has. The only difference is that you write Java code instead of jsp tags. For example, instead of writing something like this you'll write MasterView masterView = GWT.create(Person.class); masterview.setItems(people); masterview.appendColumn(new Column("firstName", "First name", false, "40%"); masterview.appendColumn(new Column("lastName", "Last name", true, "60%"); RootPanel.get().add(masterview);You don't have to rewrite any existing code, except one thing: you need to mark beans that are to be displayed in a table with IsMasterviewBean interface. After that the library will create your table with the help of GWT's generators. Library is provided with a number of default themes. Built-in paging and sorting. Items can be filtered based on simple regular expressions (your can read about it here). The limitations of the libraryIf you want to display a bean, which has associated bean as a property, than you can't display properties of the associated bean. For example, if there is a Person bean with a getAddress() method thatreturns an Address bean, it's not possible to display city property of the Address bean like that: MasterView masterView = GWT.create(Person.class); masterview.appendColumn(new Column("address.city", "Person's city", true, "100%");One possible solution (if there is an absolute need to display person's city in a table) is to add getCity() method to Person bean with code like this: public String getCity() { Address address = getAddress(); if (null == address) { return "---"; //or something } return address.getCity(); }and create the grid's column like this: MasterView masterView = GWT.create(Person.class); masterview.appendColumn(new Column("city", "Person's city", true, "100%"); [Less]

jQuery.tableHelper is a plugin for jQuery which allows you to add cells to your selection by coordinates, row, or column.

A JavaScript grid component for displaying and editing tabular data in DHTML-based tables. The grid provides rich client-side API, column sorting and resizing capabilities, multiple in-cell editors ... [More] , filtering, searching and grouping functionality, etc. [Less]

GWT-Stuff is a collection of modules and components for the Google Web Toolkit. June 10, 2007:You need to download the appropiate GWT-Stuff for your version of GWT. The GWT 1.4.10RC indtroduced some ... [More] changes that necessitated some changes to the internals of the GWT-Stuff widgets. You are encouraged to use the following links to find the appropriate download: GWT-Stuff for GWT-1.3 GWT-Stuff for GWT-1.4 March 7, 2007:Significant release: the major highlight is ObjectListTable no longer crashes some versions of IE6. The IE6 workaround necessitated some incompatible API changes. These changes shouldn't affect many people but hey may require you to refactor the way you do things such as using the AttachRenderer if your table is very dynamic. ObjectListTable got a new feature in the ColSpecRenderer, this allows you to better control the column widths for more advanced table layouts. The ColSpecRenderer and related classes are still young and may change in incompatible ways if you choose to use them. Other changes include smaller bug fixes to both the EventList module and the Table module. Finally many helpful assert statements have been added to provide additional info as to why something may not behaving as expected. Be sure to add '-ea' to your java launch command to enable assertions in hosted mode. Doing this will save you time in the future. February 27, 2007The ObjectListTable widget recently got a significant update including some bug fixes and performance improvements. The EventList library has received some significant work and now has a more complete API. Expect some activity on the EventList module as the API is matured and stabilized. [Less]