Download and integrate our enterprise-class grid–part of our Complete UI suite–into your app. Save yourself time, save your boss’s money and look like a genius.
Our grid offers features that matter to developers: Excel copy and paste, in-place cell editing, and live scrolling
A basic Grid using static, client-side data
Demonstrates the copy and paste functionality of the Grid – between Grids or between a Grid and an Excel worksheet.
A demo showing the different data types the Grid has native editors for.
Demo of the Grid’s livescroling mode, where records are continually read from the database as the user scrolls the component.
Display hierarchical data in two separate Grids that are updated through Ajax calls.
Select multiple records at once on the Grid.
Demo of the Grid’s paging mode, where a small set of records are displayed, and can be paged by the user.
Demo of the Grid’s ability to read remote data from a server to be populated.
Demo of the Grid’s resize functionality, which can be used programmatically or by the user dragging and dropping.
Showing the Grid’s showall mode, where all of the records are displayed in a single set for the user, populated from a single Ajax call.
Demo showing the different static data types and editors that the Grid supports.
Users can resize columns, copy and paste data with the mouse, navigate with the keyboard, perform in-place editing, and scroll through huge datasets as though they were working with a desktop application.
A declarative interface makes customizing the behaviour of your grid quick and easy. Extend the built in features using the JavaScript API.
An XML-based Ajax data architecture allows for high-performance rendering of large amounts of data. Allows users to sort, scroll, edit, and save huge datasets with the speed of desktop software.
Native support for Java, Classic ASP, and PHP. ASP.NET, Coldfusion.
Simply drag and drop Ajax components into sites and applications using Adobe Dreamweaver CS3.
Nitobi components have full support for an array of modern browsers including IE6+, Firefox, Mozilla 1.3+, Camino, and Netscape 7+, and Safari 3+.
Integrate the component into your application architecture with our robust JavaScript API. Define custom behaviours, tap into internal events and even combine with open source Ajax frameworks like Dojo and Prototype.
Using an ultra-concise data transport method, Grid is able to retrieve and save data on-demand with minimal delays, making things like live-scrolling, paging, sorting, and master-detail seamless and fast.
No postbacks are ever required. Grids can be instantiated on-the-fly and data binding can take place whenever it’s needed using asynchronous Ajax requests.
Available with native support for Java, PHP and Classic ASP, Coldfusion, and ASP.NET.
Native support for an array of modern browsers including Internet Explorer 6.0+, Netscape 7.1+, Mozilla 1.3+, Firefox, Camino, and Safari 3+.
Simply drag and drop Ajax components into sites and applications using Dreamweaver CS3.
Three modes providing unique functionality aligning to particular use cases. Automatically predefining a number of subordinate attributes, mode can also be configured by defining its attributes individually.
All modes can be configured in an unbound or bound state (using client-side data or a server-side database).
Use the mouse or keyboard to select a block of cells, and copy and paste between Grid and Excel, or between different grids on different pages. Useful for when users are working offline or need to move between desktop software like Microsoft Office and the web.
Keep important columns visible by locking them in place while scrolling horizontally through the remainder of the visible columns. Useful for very wide tables with many columns of data.
Use the mouse to click and drag to resize columns just as you would in a regular datagrid or Excel.
Click and edit cells directly just as you would in Excel.
Use built-in editor types like: textbox (types NUMERIC or STRING), checkbox, selectbox (standard html SELECT), image (static and non-editable) or an autocomplete (LOOKUP) such as Nitobi's ComboBox.
Bind the grid to in-page data like an XML document, or feed it data with JavaScript using the API. Bind to databases using the lightning-fast Ajax interface.
Sort against massive tables by roundtripping to the server using Ajax calls.
Pull out the toolbar using the mouse as you would on the desktop. Configure the buttons and their attributes using the built-in API.
Put multiple grids on a page and easily link them together using the built-in events and JavaScript API. Useful for showing one-to-many relationships (master-detail).
Using a standard MVC model, the Grid contains a concise XML document which it runs against. Feed it new XML from the server or on the client using the JavaScript API, or use our server-side library to avoid working with XML altogether.
Take number and date values and mask them according to your preferences. Display 93323 as 93,323.00, or 09/11/2006 as November 9, 2006 without altering the underlying data.
Move between cells and pages of data using only the keyboard if preferred. Navigate with the arrow keys or PageUp/PageDown as you would in Excel or other desktop-based datagrids
.To use the native server-side XML libraries, you must be using one of the following platforms.
You are currently browsing the archives for the Uncategorized category.