What's new in AG Grid 26.2
Tags: releases, aggrid, react, javascript
Published: 2021-11-18 15:43:31

---
title: What's new in AG Grid 26.2
published: true
date: 2021-11-17 09:05:15 UTC
tags: Releases, aggrid, reactjs, javascript
canonical_url: https://blog.ag-grid.com/whats-new-in-ag-grid-26-2/
---

 ![What's new in AG Grid 26.2](https://blog.ag-grid.com/content/images/2021/11/Whats-new-26.2-1.png)

Author Credit: [Kiril Matev](https://blog.ag-grid.com/author/kiril/)

AG Grid 26.2 is a minor release with important improvements to [ReactUI rendering mode](https://www.ag-grid.com/react-data-grid/reactui/), [column filters](https://www.ag-grid.com/javascript-data-grid/filtering/), [sparklines](https://www.ag-grid.com/javascript-data-grid/sparklines-overview/), [Vue3](https://www.ag-grid.com/vue-data-grid/vue3/) and [accessibility](https://www.ag-grid.com/javascript-data-grid/accessibility/) support. In this post, we'll highlight the enhancements that make AG Grid 26.2 an important step forward in terms of new functionality, framework and accessibility support.

As always, you can see the full list of changes in AG Grid 26.2 in our recently updated [changelog](https://www.ag-grid.com/ag-grid-changelog/?fixVersion=26.2.0) page.

## ReactUI Supports All AG Grid UI Elements 

As part of AG Grid 26 we released a [new rendering engine](https://blog.ag-grid.com/react-ui-overview/) that is written purely in React. Using this [ReactUI rendering mode](https://www.ag-grid.com/react-data-grid/reactui/) improves rendering performance, simplifies your component code and better supports React-specific language constructs and concepts.

ReactUI rendering now fully supports [all UI elements](https://www.ag-grid.com/react-data-grid/reactui/#all-customisations-supported) which are used across AG Grid - column filters, floating filters, tool panels, status bar, overlays and tooltip. We encourage you to start using ReactUI across all your AG Grids to deliver the improvements in performance and simplify your component code.

## Bar Sparkline

AG Grid 26.1 introduced [sparklines](https://blog.ag-grid.com/introducing-ag-grid-sparklines/) - mini charts rendered inside grid cells allowing you to easily visualize data in the context of a row.

As part of AG Grid 26.2 we've added a bar sparkline, so you can now choose between [area](https://www.ag-grid.com/javascript-data-grid/sparklines-area-customisation/), [bar](https://www.ag-grid.com/javascript-data-grid/sparklines-bar-customisation/), [column](https://www.ag-grid.com/javascript-data-grid/sparklines-column-customisation/), and [line](https://www.ag-grid.com/javascript-data-grid/sparklines-line-customisation/) sparklines. We've also added sparkline labels for [bar](https://www.ag-grid.com/javascript-data-grid/sparklines-bar-customisation/#bar-label-options) and [column](https://www.ag-grid.com/javascript-data-grid/sparklines-column-customisation/#column-label-options) sparklines.

See an example with bar sparklines with labels and tooltips below:

![What's new in AG Grid 26.2](https://blog.ag-grid.com/content/images/2021/11/bar_sparkline.gif)

## Accessibility improvements 

We've improved accessibility support for full-width rows and the set filter. This is part of our ongoing work to ensure that AG Grid delivers a fully-accessible user experience.

## Column Filtering improvements

Column filtering is a cornerstone of the grid user experience. As part of AG Grid 26.2, we've made filters more customizable and quicker for users to navigate through.

**Easily move through floating filter inputs**

The user can now directly TAB through the floating filter inputs in AG Grid. This allows to quickly move from one column filter input to another and to configure filters with ease, as shown below:

![What's new in AG Grid 26.2](https://blog.ag-grid.com/content/images/2021/11/floating_filter_tabs.gif)

**Custom filter options with 2 inputs**

You can now build [custom filter options](https://www.ag-grid.com/javascript-data-grid/filter-provided-simple/#custom-filter-options) with two parameters. This allows you to build your own "outside range" custom filter as shown below:

![What's new in AG Grid 26.2](https://blog.ag-grid.com/content/images/2021/11/image-4.png)

**Make column filters read-only**

You can now set a column filter and make the [filter inputs read-only](https://www.ag-grid.com/javascript-data-grid/filter-api/#read-only-filter-ui). This way users will see the filter options applied but will be unable to modify them as shown below:

![What's new in AG Grid 26.2](https://blog.ag-grid.com/content/images/2021/11/image-3.png)

## Vue3 support in Standalone charts

[Standalone charts](https://www.ag-grid.com/vue-charts/overview/)now support Vue3. We've updated the documentation live examples and these all have Vue3 versions now so you can get started easily.

## **Summary**

In this post we covered the key improvements in AG Grid 26.2. Even if you've been using the same version of AG Grid for a while, we recommend upgrading to this new version for its enhancements in ReactUI and to improve the user experience, particularly in column filtering.

As always, we’re keen to help you upgrade and to hear your feedback.

Happy coding!

Full [changelog here](https://www.ag-grid.com/ag-grid-changelog/?fixVersion=26.2.0)