Grid View

Intersoft UXGridView is a powerful, MVVM-ready data grid control with high-performance virtual data loading architecture. It includes all features you expected in a standard data grid, plus a host of innovative features exclusive to UXGridView such as server query mode support, MVVM-ready editing architecture, and more.

Live Demo Gallery Watch Video

Grid View

MVVM-ready Architecture

Engineered with solid architecture from the ground up, UXGridView is the industry’s first MVVM-ready data presentation control for building scalable and high-performance data applications. UXGridView lets you handle data operations – from data retrieval, editing, filtering to data exporting – all within the ViewModel. Unlike competing grids, UXGridView doesn’t require external MVVM framework or other unproven workarounds – thanks to the built-in MVVM and solid commanding framework.

Live Demo Gallery

Back to top

Extended Support for WCF RIA and DevForce

UXGridView lets you easily work with the data service of your choice – whether it’s the basic data service from Microsoft, or advanced data services from third party vendors such as DevForce. In addition, UXGridView enables you to build dynamic data applications that interact with these services using the recommended architectural design such as MVVM pattern – thanks to the QueryDescriptor component and powerful data providers that shipped along with UXGridView. Click here to learn more about QueryDescriptor and data access using MVVM pattern.

Live Demo Gallery

Back to top

High-Performance Row Virtualization

UXGridView is fast and responsive regardless of whether it is bound to a hundred or a million of data rows. This is made possible due to the sophisticated row virtualization implementation built into the control. The row virtualization ensures efficient data rendering process by displaying only the data required in the real screen estate. It also takes account every customization aspects such as style and template selectors – enabling you to create beautiful data presentation without trading off the performance.

Live Demo Gallery

Back to top

Advanced Server Data Operation

While most data grids perform data operation in the client-side, UXGridView takes data presentation to a whole new light by adding server data operation capability. With server operation, UXGridView processes data extensive operation such as paging and filtering entirely in the server-side. The results are obvious – user interface is far more responsive due to the smaller data footprint, and common performance issues are completely eliminated. UXGridView provides advanced data framework such as QueryDescriptor as well as powerful data providers to make it easy for you to build dynamic data presentation that takes advantage of server data operation. Click here to learn more about server data operation.

Live Demo Gallery

Back to top

Data Grouping

With data grouping feature, users can freely group any columns during runtime at any order. Right click on the desired column and select group. For more interactive behavior, right click on a column and toggle the group by box area. Users can also easily drag the desired column and drop it on the group box to group by that column. The grouped column can be sorted by clicking on the column in the group box area.

Live Demo Gallery

Back to top

Custom Data Grouping

Custom data grouping provides a more sophisticated group feature. It lets you incorporate certain business rules to show different result. The most common implementation is in a numeric column. For example, you might want to group the rows based on the predefined size range instead of a single value. This feature lets you achieve this requirement elegantly without complex coding.

Live Demo Gallery

Back to top

Comprehensive Aggregate Function

The ability to display aggregate calculation is crucial especially when showing statistical information. You can enable the aggregate function on both the column footer and group rows through simple property sets. Even better, UXGridView also allows total customization on the display text and aggregate value computation.

Live Demo Gallery

Back to top

Data Sorting

When enabled, users can quickly sort their data by simply clicking on the column header. The first click will sort the data in ascending order, and the subsequent click for descending order. With sort member path feature, you can specify a different column to be sorted instead of the original column which is particularly useful in lookup scenario such as ID.

Live Demo Gallery

Back to top

Data Filtering

UXGridView includes built-in column filtering with beautifully designed interface. When enabled, users will notice a clickable filter button on the right edge of each column. Implemented with batch mode by default, UXGridView makes data filtering a breeze. Users simply check or uncheck the items to filter, and click on the Apply button to process further. A search box is also available allowing users to quickly locate the desired filter item without having to scroll the entire list.

Live Demo Gallery

Back to top

Custom Data Filtering

In addition to using data source as the filter item, UXGridView also allows you to define your own custom filter items that make more sense to users. This feature is particularly useful in columns with numeric data type. For example, filtering a total amount will be more intuitive to users by defining multi-value range in the filter items. For example in a property search from, there are predefined property size like 0-90, 91-100, > 100.

Live Demo Gallery

Back to top

Data Paging

UXGridView allows you to enable data paging through a simple property set – thanks to the modular data pager component that is integrated in the status bar element of the grid. UXGridView shares many common paging features as provided in UXDataPager, such as customizable paging display and server-side paging support. Click here to learn more about data paging support in UXGridView.

Live Demo Gallery

Back to top

Data Editing

UXGridView features built-in data editing functionality, which includes create, update, and delete operation. Each feature is separately controlled through different properties. When the “Add new row” feature is enabled, a special row element will appear on top, just below the UXGridView’s column header. Adopting inline editing concept, users can directly select and edit on the cell directly in the same way and manner as in a spread sheet.

Live Demo Gallery

Back to top

Data Editing with Batch Update

Batch Update is a revolutionary update behavior which submits multiple changes in one action.

Back to top

Custom Editing Control

In addition to standard textbox for editing, UXGridView allows you to easily customize the editing control through custom template. You can use combo box column type or advanced input controls such as UXDateTimePicker, UXMaskedInput or UXCurrencyEditor.

Live Demo Gallery

Back to top

Data Validation

UXGridView provides solid data validation mechanism that allows you to perform validation on the particular changes before they are saved to the physical database. You can implement custom business logic to handle the data validation in the ViewModel through the provided command properties.

Live Demo Gallery

Back to top

Data Exporting

UXGridView supports data exporting to several formats including most popular formats such as HTML and Excel, allowing users to work with the data in the applications of their choice. When exporting to HTML format, you can even fine tuning the output such as whether to include the column footers and the group footers in the exported results. More importantly, the data exporting in UXGridView is designed to work in harmony with other core features such as server paging and server filtering, so you can take advantage of all essential features without a trade-off.

Live Demo Gallery

Back to top

Rich User Experiences

To deliver a better editing experience, UXGridView is thoroughly engineered with impressive keyboard and mouse support. Using mouse, users can edit a cell by single click, second click, or double click. When editing a series of cells and rows, using keyboard is a better option. Users can also easily navigate from one to another cell to another row through the Tab key. Use the F2 key to trigger editing or directly edit a cell by typing on it. Depending on your application’s requirements, you can configure the Enter key to perform a different action such as commit changes, exit the edit mode, or move the current selection to the next editable cell.

Live Demo Gallery

Back to top

Read-only Binding

This feature locks the editing capability on specific column. To accommodate more advanced scenarios, this feature can be adjusted based on the value of other columns. To enforce the read-only setting in certain rows, you can use the read-only binding, which can be applied to the grid level or the column level. When applied to the grid level, it will determine whether users can edit the row, while the column level determines whether users can edit the cell.

Live Demo Gallery

Back to top

Customizable Appearance

In terms of visual customization, UXGridView offers flexible options for unprecedented results. You can use the available properties to customize almost every visual element. Furthermore, custom template and style selectors let you incorporate certain business rules to deliver rich presentation that makes better sense to users, for example, displaying the discontinued products with gray fore color.

Live Demo Gallery

Back to top

Row Detail

UXGridView’s row detail feature enables you to add additional information without cluttering the grid’s overall appearance. This feature is particularly useful when you need to display a host of information yet adding more columns to the grid is not feasible due to insufficient space. You can also set the row detail’s visibility mode, whether it is always visible or collapsed initially, or visible only when the row is selected.

Live Demo Gallery

Back to top

Scroll Mode

Complementing the state-of-the-art row virtualization feature, UXGridView introduces two different scrolling behaviors, deferred and real-time. In deferred mode, the row virtualization is suspended during the scrolling and resumed when it completes. A visual indicator will be displayed as user scrolls. The indicator can be further customized through the provided template.

Live Demo Gallery

Back to top

Column Freezing

Modeled after Excel 2010, this unique feature locks the left most columns while allowing users to scroll the rest of columns. This feature greatly improves usability particularly when certain information should be always visible regardless of the scrolling position.

Live Demo Gallery

Back to top

Row Selection

UXGridView has three types of row selection modes, single, multiple, and extended. Single mode means only one row can be selected at a time. Multiple mode enables multiple rows to be selected, while Extended mode allows users to select multiple items through the combination of SHIFT and/or CTRL key modifiers.

Live Demo Gallery

Back to top

Hierarchical Display

Structured and hierarchical display is one of the most common requirements in large business applications. It lets user to drill-down a record and display related information from another table. UXGridView enables unlimited nested table structure without performance bottleneck – thanks to the advanced load-on-demand feature in UXGridView. This feature allows bandwidth-friendly footprint and the data is rendered when necessary.

Live Demo Gallery

Back to top

Support Localization

As versatile as its feature, UXGridView allows textual content customization. You can easily customize the predefined text used in the UI elements such as the busy text, group by box, new row, and more.

Back to top

Close window
back back back forwardforwardforward