Progress Kendo UI

jQuery Grid

  • Overview

    Kendo UI's Responsive and Adaptive HTML5 Grid widget is ready to roll right out of the box. Enjoy over 100 features from filtering and sorting data, to advanced features like pagination and hierarchical data grouping.

    Powerful HTML5 web development has never been so easy. It's the most advanced data grid on the market. But don't just take our word for it, check out the demo.

    grid-filtering-sorting
  • Column Interactions

    Re-size and reorder the columns you have provided on the client, without any requests to the server. Additionally, the provided context menu allows them to easily hide or display columns.
    grid-column-resize-reorder
  • Hierarchy

    Quickly create an N-level hierarchical Grid to represent your data. This hierarchy can be set up using both server driven and HTML5  driven approaches, ensuring that you can implement the hierarchical Kendo UI Grid component in any application.
    grid-hierarchy
  • AngularJS Integration

    Progress Kendo UI Grid component adds advanced data visualization and manipulation functionality to your AngularJS applications. The Grid (as well as all 70+ Kendo UI widgets) supports AngularJS directives so that you can leverage all of its functionality with just a few lines of code.

    AngularJS Grid by Telerik Kendo UI
  • Frozen Columns

    Useful when going through large amounts of data, the Frozen Columns feature of our Grid widget lets you lock chosen columns by simply specifying locked in the column properties. Furthermore, the Grid also automatically provides a column menu to allow the user to unlock and lock columns.

  • Page, Sort, Filter and Group Data

    Page, sort, filter and even group your data using the intuitive interface of the Kendo UI Grid component. Using a few easy-to-implement properties, any Grid can have this rich user experience.
    grid-filtering
  • Autocomplete Filtering

    Progress Kendo UI Grid widget has Google-style autocomplete filtering. The functionality filters records intuitively when browsing through large amount of data.

    grid-filtering-row-autocomplete
  • Insert, Update and Delete

    Users can create, update or even delete data from your underlying data source. Edit forms can be presented in-line, in-form or in a pop-up, allowing you to grant the user with the exact user experience they are looking for. You can even do batch updates.
    grid-update-insert-delete
  • Editing: Batch, Inline, Popup and Custom Editor

    You can enable automatic data editing for Grid when it’s bound to a DataSource control like SqlDataSource, LinqDataSource, EntityDataSource, etc., or use the extensive API to handle the CRUD operations in a custom manner. Display the edit form inline, as a regular form or in a popup. Enable batch editing to allow users to edit multiple items and save them all by hitting the Save button just once.


    grid-batch-editing
  • Data-Binding: Local, Remote, Backend Services

    Use any declarative data source control (AccessDataSource, SqlDataSource, LinqDataSource, EntityDataSource, ObjectDataSource, XmlDataSource, OpenAccessDataSource), or bind the grid to your custom objects on the fly. Take advantage of the server events, which are executed only when the grid needs to get fresh data from the server. Declarative and programmatic client-side binding to ASP.NET Web Services, WCF, ADO.NET, OData services and Page Methods is also supported. Whether you want to use local data, or to serve your data via calls back to the server, you are covered. Out-of-the-box Kendo UI Grid can bind to these various sources allowing you to pick the most optimal solution for your implementation.
    grid-binding
  • Templates

    Have full control over the way your Progress Kendo UI Grid looks to the end user. Using the template feature of the Grid component, you can easily customize the display and layout of columns and rows.
    grid-detail-template
  • Keyboard Navigation

    Provide your users with a method to interact with the Progress Kendo UI Grid component without needing the mouse. With keyboard navigation, you can create an application that fits users preferring to utilize keystrokes, or create a highly accessible application by offering a mouse alternative.


    grid-keyboard-navigation
  • Accessibility

    The Grid component is perfect for scenarios where accessibility is important for your application. The Grid complies with Section 508 and WCAG guidelines, ensuring that individuals with disabilities can still view and interact with it.

    grid-accessibility

Next Steps

Download 30-day free trial

Try Kendo UI Complete with dedicated technical support
Launch demos

See Kendo UI Complete in action and check how much it can do out of the box.

See pricing

Check out the offers. Purchase an individual suite or treat yourself to one of our bundles.