CINXE.COM

<!DOCTYPE html><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;700&display=swap" rel="stylesheet"><link rel="preload" fetchpriority="high" as="image" href="/images/ag-grid-customer-logos.webp" type="image/webp"><html lang="en" data-astro-cid-sckkx6r4 style="--lightModeCSSUrl: url("/images/sun.svg");--darkModeCSSUrl: url("/images/moon.svg");"> <head><meta charset="UTF-8"><meta name="description" content="AG Grid is a feature-rich Data Grid for all major JavaScript frameworks, offering filtering, grouping, pivoting, and more. Free and open-source. Upgrade to Enterprise for advanced features."><meta name="viewport" content="width=device-width"><link rel="icon" type="image/png" sizes="196x196" href="/_astro/favicon-196.Bimfhk9M.png"><link rel="icon" type="image/png" sizes="192x192" href="/_astro/favicon-192.BPgSS0FN.png"><link rel="icon" type="image/png" sizes="180x180" href="/_astro/favicon-180.DPLMo2LR.png"><link rel="icon" type="image/png" sizes="167x167" href="/_astro/favicon-167.I4Tpyy48.png"><link rel="icon" type="image/png" sizes="152x152" href="/_astro/favicon-152.cc6y96U4.png"><link rel="icon" type="image/png" sizes="128x128" href="/_astro/favicon-128.DBIUHlVo.png"><link rel="icon" type="image/png" sizes="32x32" href="/_astro/favicon-32.WDuB-104.png"><link rel="apple-touch-icon" sizes="180x180" href="/_astro/favicon-180-touch.DLSK8QDR.png"><link rel="apple-touch-icon" sizes="167x167" href="/_astro/favicon-167-touch.BlG15XMf.png"><link rel="apple-touch-icon" sizes="152x152" href="/_astro/favicon-152-touch.Cer8BKXE.png"><meta name="generator" content="Astro v4.16.18"><title>AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid</title><link rel="canonical" href="https://www.ag-grid.com/"><link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap-index.xml"><meta property="og:url" content="https://www.ag-grid.com/"><meta property="og:type" content="website"><meta property="og:title" content="AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid"><meta property="og:description" content="AG Grid is a feature-rich Data Grid for all major JavaScript frameworks, offering filtering, grouping, pivoting, and more. Free and open-source. Upgrade to Enterprise for advanced features."><meta property="og:image" content="/images/ag-grid-social.png"><meta name="twitter:card" content="summary_large_image"><meta property="twitter:domain" content="www.ag-grid.com"><meta property="twitter:url" content="https://www.ag-grid.com/"><meta name="twitter:title" content="AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid"><meta name="twitter:description" content="AG Grid is a feature-rich Data Grid for all major JavaScript frameworks, offering filtering, grouping, pivoting, and more. Free and open-source. Upgrade to Enterprise for advanced features."><meta name="twitter:image" content="/images/ag-grid-social.png"><script>(function(){const googleTagManagerId = "GTM-T7JG534"; (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', googleTagManagerId); })();</script><script defer data-domain="ag-grid.com" src="https://plausible.io/js/script.tagged-events.outbound-links.js"></script> <script> window.plausible = window.plausible || function () { (window.plausible.q = window.plausible.q || []).push(arguments); }; </script><script async type="text/javascript" src="https://secure.inventiveinspired7.com/js/792251.js"></script><noscript><img alt="" src="https://secure.inventiveinspired7.com/792251.png" style="display:none;; --lightModeCSSUrl: url("/images/sun.svg");--darkModeCSSUrl: url("/images/moon.svg");" data-astro-cid-sckkx6r4></noscript><link rel="stylesheet" href="/_astro/example-finance.DQZXqfST.css"> <link rel="stylesheet" href="/_astro/index.BHWei2S8.css"> <style>@charset "UTF-8";._container_12e38_2{display:grid;grid-template-columns:repeat(3,1fr);border-collapse:collapse}@media screen and (max-width: 820px){._container_12e38_2{grid-template-columns:repeat(1,1fr)}}._socialProof_12e38_13{--social-proof-bg: #fbfbfc;position:relative;line-height:var(--text-lh-base);background-color:var(--social-proof-bg);border-right:1px solid var(--color-border-secondary);border-left:1px solid var(--color-border-secondary);box-shadow:50vw 0 0 0 var(--social-proof-bg),-50vw 0 0 0 var(--social-proof-bg)}[data-dark-mode=true] ._socialProof_12e38_13{--social-proof-bg: color-mix(in srgb, var(--color-fg-primary), var(--color-bg-primary) 98%)}._header_12e38_26{padding-bottom:40px}._header_12e38_26 ._cellsIllustration_12e38_29{margin-left:auto;left:1px}._header_12e38_26 p,._header_12e38_26 h3{margin-right:24px;margin-left:24px}._header_12e38_26 p{margin-bottom:8px;font-weight:var(--text-semibold);color:var(--color-text-brand-primary)}@media screen and (max-width: 820px){._header_12e38_26 p{padding-top:64px}}._quote_12e38_49{display:flex;flex-direction:column;justify-content:space-between;font-size:var(--text-fs-base);line-height:var(--text-lh-2xl);border:1px solid var(--color-border-secondary);margin:-1px 0 0 -1px;padding:24px;background-color:var(--color-bg-primary)}@media screen and (max-width: 820px){._quote_12e38_49{width:100%}}._quote_12e38_49:first-child{padding:24px 32px 24px 24px}@media screen and (max-width: 820px){._quote_12e38_49:first-child{border-bottom:1px solid var(--color-border-secondary)}}._quote_12e38_49:last-child{padding:24px 24px 24px 32px}._quote_12e38_49 blockquote p{margin-bottom:24px;text-indent:-.5em}._quote_12e38_49 blockquote p:before{content:"“"}._quote_12e38_49 blockquote p:after{content:"”"}._quote_12e38_49 footer{display:flex;align-items:flex-end}._quote_12e38_49 footer>div{margin-left:16px}._avatar_12e38_94{width:48px;height:48px;border-radius:50%;outline:2px solid var(--color-util-brand-300);outline-offset:4px}[data-dark-mode=true] ._avatar_12e38_94{outline:2px solid var(--color-border-primary)}._name_12e38_105{margin-bottom:0}._orgIcon_12e38_109{width:36px;height:36px;margin-left:auto;border-radius:var(--radius-md);border:1px solid var(--color-border-primary)}._statsOuter_12e38_117{display:flex;justify-content:center;padding:32px;gap:32px;border:1px solid var(--color-border-secondary);margin-top:80px;border-bottom:1px solid var(--color-border-secondary);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}@media screen and (max-width: 820px){._statsOuter_12e38_117{flex-direction:column;align-items:center}}._statsOuter_12e38_117 svg{stroke:var(--color-util-brand-500)}._statsOuter_12e38_117 ._stat_12e38_117{width:100%;display:flex;justify-content:center;flex-direction:column;border-right:1px solid var(--color-border-secondary)}@media screen and (max-width: 820px){._statsOuter_12e38_117 ._stat_12e38_117{border-right:none}._statsOuter_12e38_117 ._stat_12e38_117 h4{width:fit-content;align-items:center;margin:0 auto}._statsOuter_12e38_117 ._stat_12e38_117 p{margin:0 auto}}._statsOuter_12e38_117 ._stat_12e38_117:last-child{border-right:none}h4{color:var(--color-text-secondary);display:flex;gap:16px;align-items:left;flex-direction:column}[data-dark-mode=true] h4{color:var(--color-util-brand-900)}h4{color:var(--color-util-brand-500)} </style> <link rel="stylesheet" href="/_astro/index.D2wj2GBA.css"> <style>._whatsNewContainer_171yb_1{width:100%}@media screen and (min-width: 1052px){._whatsNewContainer_171yb_1{width:calc(var(--layout-width-9-12));padding-top:40px}}@media screen and (min-width: 1475px){._whatsNewContainer_171yb_1{width:calc(var(--layout-width-9-12) + 64px)}}._versions_171yb_16{--versions-gap: 16px;container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--versions-gap);margin-top:32px;margin-bottom:128px}._version_171yb_16{display:flex;flex-direction:column;justify-content:space-between;flex-shrink:0;width:100%;padding:16px 16px 8px;border-radius:8px;background-color:var(--color-bg-primary);border:1px solid var(--color-border-secondary);gap:16px}@container (min-width: 640px){._version_171yb_16{width:calc(50% - var(--versions-gap) / 2)}}@container (min-width: 960px){._version_171yb_16{width:calc(33.3333333333% - var(--versions-gap) / 3 * 2)}}[data-dark-mode=true] ._version_171yb_16{background-color:var(--color-util-gray-200)}._version_171yb_16 p{margin-top:8px;margin-bottom:4px;font-size:1rem}[data-dark-mode=true] ._version_171yb_16 p{color:var(--color-text-secondary)}._version_171yb_16 ul{padding-top:.2rem;padding-bottom:.75rem;padding-left:1.1rem;margin-bottom:16px;color:var(--color-util-brand-500);font-weight:var(--text-semibold)}[data-dark-mode=true] ._version_171yb_16 ul{color:var(--color-util-brand-700)}._version_171yb_16 ul a{text-decoration:none}._version_171yb_16 ul a:hover{text-decoration:underline}._version_171yb_16 header{display:flex;flex-direction:column;gap:8px}._version_171yb_16 header b{font-size:var(--text-fs-lg);font-weight:var(--text-semibold)}._version_171yb_16 header a{text-decoration:none}._version_171yb_16 header a:hover{text-decoration:underline}._date_171yb_94{color:var(--color-text-tertiary);opacity:.7}[data-dark-mode=true] ._date_171yb_94{opacity:1}._majorText_171yb_102{border:1px solid var(--color-util-gray-600);border-radius:var(--radius-4xl);color:var(--color-util-gray-600);padding:2px 8px}._latestTag_171yb_109{padding:2px 8px;border-radius:var(--radius-4xl);border:1px solid var(--color-logo-orange);color:var(--color-logo-orange);font-weight:var(--text-semibold)}._line_171yb_117{border-bottom:1px solid var(--color-border-primary)}._topheader_171yb_121{display:flex;flex-direction:column;gap:8px}._description_171yb_127{font-size:18px}._changelog_171yb_131{width:100%;display:flex;justify-content:center}[data-dark-mode=true] ._changelog_171yb_131{background-color:var(--color-util-gray-300)}a._buttonSecondary_171yb_140{width:100%;display:flex;justify-content:center;margin-bottom:8px;border:1px solid var(--color-border-secondary)}[data-dark-mode=true] a._buttonSecondary_171yb_140{background-color:var(--color-util-gray-300)}._bloglink_171yb_151{width:100%;display:flex;justify-content:left;padding-top:4px;padding-bottom:4px;color:var(--color-link)}._flex_171yb_160{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px}._flex_171yb_160 b{color:var(--color-fg-primary)}._flex_171yb_160 a{width:auto} ._clipboardButtonOuter_8cpmg_1{--clipboard-button-bg: var(--color-code-background);--clipboard-button-fg: var(--color-fg-tertiary);display:flex;align-items:center;position:absolute;top:4px;right:4px;opacity:0;z-index:2;transition:opacity .33s ease-in-out}pre:hover ._clipboardButtonOuter_8cpmg_1,._clipboardButtonOuter_8cpmg_1._hasCopied_8cpmg_13{opacity:1}._clipboardButtonOuter_8cpmg_1:hover{--clipboard-button-fg: var(--color-util-brand-400)}[data-dark-mode=true] ._clipboardButtonOuter_8cpmg_1:hover{--clipboard-button-fg: var(--color-link-hover)}._clipboardButtonOuter_8cpmg_1._hasCopied_8cpmg_13{--clipboard-button-bg: var(--color-util-gray-700);--clipboard-button-fg: var(--color-fg-white)}[data-dark-mode=true] ._clipboardButtonOuter_8cpmg_1._hasCopied_8cpmg_13{--clipboard-button-fg: var(--color-bg-primary)}.example-runner-outer ._clipboardButtonOuter_8cpmg_1{right:20px}._clipboardButton_8cpmg_1,._clipboardButtonCopied_8cpmg_34{display:flex;align-items:center;height:32px;background-color:var(--clipboard-button-bg);border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary)}._clipboardButton_8cpmg_1{width:calc(32px - var(--radius-sm));border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-right:1px solid var(--color-border-primary);cursor:pointer;transition:background-color .25s ease-in-out}._clipboardButton_8cpmg_1 svg{--icon-size: 22px;--icon-color: var(--clipboard-button-fg);transition:fill .25s ease-in-out}._clipboardButtonCopiedOuter_8cpmg_57{overflow:hidden}._clipboardButtonCopied_8cpmg_34{font-size:var(--text-fs-sm);font-weight:var(--text-semibold);padding-left:8px;padding-right:8px;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);border-left:1px solid var(--color-border-primary);font-weight:var(--text-regular);color:var(--clipboard-button-fg);transition:background-color .25s ease-in-out,color .25s ease-in-out;cursor:pointer} ._icon_1jqgc_1{fill:var(--icon-color, var(--color-fg-primary));width:var(--icon-size);height:var(--icon-size);transition:fill .25s ease-in-out} ._alert_1p97w_1{--icon-size: 1.5rem;display:flex;gap:8px;align-items:center;padding:8px 8px 8px 12px;background-color:var(--color-util-brand-50);border-radius:var(--radius-md);border:1px solid var(--color-util-brand-100);color:var(--color-util-brand-700);margin-top:20px;margin-bottom:32px}[data-dark-mode=true] ._alert_1p97w_1{background-color:color-mix(in srgb,var(--color-util-brand-50),var(--color-bg-primary) 60%)}._alert_1p97w_1 .icon{align-self:flex-start;position:relative;flex-shrink:0;fill:var(--color-util-brand-700)}._alert_1p97w_1 p :last-child{margin-bottom:0}._alert_1p97w_1 a{font-weight:var(--text-semibold);text-decoration:underline}._alert_1p97w_1 kbd{margin:0;padding-top:.075em;padding-bottom:.25em}._alert_1p97w_1._idea_1p97w_36 .icon{fill:orange}._alert_1p97w_1._warning_1p97w_40{color:var(--color-util-warning-700);background-color:var(--color-util-warning-50);border-color:color-mix(in srgb,var(--color-util-warning-600) 20%,var(--color-bg-primary))}[data-dark-mode=true] ._alert_1p97w_1._warning_1p97w_40{border-color:color-mix(in srgb,var(--color-util-warning-600) 30%,var(--color-bg-primary))}._alert_1p97w_1._warning_1p97w_40 .icon{fill:var(--color-util-warning-700)}._alert_1p97w_1._success_1p97w_52{color:var(--color-success);background-color:color-mix(in srgb,var(--color-success) 6%,var(--color-bg-primary));border-color:color-mix(in srgb,var(--color-success) 20%,var(--color-bg-primary))}[data-dark-mode=true] ._alert_1p97w_1._success_1p97w_52{background-color:color-mix(in srgb,var(--color-success) 10%,var(--color-bg-primary));border-color:color-mix(in srgb,var(--color-success) 28%,var(--color-bg-primary))}._alert_1p97w_1._success_1p97w_52 .icon{fill:var(--color-success)} ._clipboardButtonOuter_8cpmg_1{--clipboard-button-bg: var(--color-code-background);--clipboard-button-fg: var(--color-fg-tertiary);display:flex;align-items:center;position:absolute;top:4px;right:4px;opacity:0;z-index:2;transition:opacity .33s ease-in-out}pre:hover ._clipboardButtonOuter_8cpmg_1,._clipboardButtonOuter_8cpmg_1._hasCopied_8cpmg_13{opacity:1}._clipboardButtonOuter_8cpmg_1:hover{--clipboard-button-fg: var(--color-util-brand-400)}[data-dark-mode=true] ._clipboardButtonOuter_8cpmg_1:hover{--clipboard-button-fg: var(--color-link-hover)}._clipboardButtonOuter_8cpmg_1._hasCopied_8cpmg_13{--clipboard-button-bg: var(--color-util-gray-700);--clipboard-button-fg: var(--color-fg-white)}[data-dark-mode=true] ._clipboardButtonOuter_8cpmg_1._hasCopied_8cpmg_13{--clipboard-button-fg: var(--color-bg-primary)}.example-runner-outer ._clipboardButtonOuter_8cpmg_1{right:20px}._clipboardButton_8cpmg_1,._clipboardButtonCopied_8cpmg_34{display:flex;align-items:center;height:32px;background-color:var(--clipboard-button-bg);border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary)}._clipboardButton_8cpmg_1{width:calc(32px - var(--radius-sm));border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-right:1px solid var(--color-border-primary);cursor:pointer;transition:background-color .25s ease-in-out}._clipboardButton_8cpmg_1 svg{--icon-size: 22px;--icon-color: var(--clipboard-button-fg);transition:fill .25s ease-in-out}._clipboardButtonCopiedOuter_8cpmg_57{overflow:hidden}._clipboardButtonCopied_8cpmg_34{font-size:var(--text-fs-sm);font-weight:var(--text-semibold);padding-left:8px;padding-right:8px;border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);border-left:1px solid var(--color-border-primary);font-weight:var(--text-regular);color:var(--clipboard-button-fg);transition:background-color .25s ease-in-out,color .25s ease-in-out;cursor:pointer} ._icon_1jqgc_1{fill:var(--icon-color, var(--color-fg-primary));width:var(--icon-size);height:var(--icon-size);transition:fill .25s ease-in-out} ._docsHeaderIcon_15ivl_1{position:relative;padding-left:0;margin-left:8px;font-size:inherit;opacity:0;transition:opacity .33s ease-in-out}._docsHeaderIcon_15ivl_1 svg{position:relative;top:-.1em;width:.85em;height:.85em;visibility:visible;fill:var(--color-link)}._docsHeaderIcon_15ivl_1:hover{opacity:1}h1:hover ._docsHeaderIcon_15ivl_1,h2:hover ._docsHeaderIcon_15ivl_1,h3:hover ._docsHeaderIcon_15ivl_1,h4:hover ._docsHeaderIcon_15ivl_1,h5:hover ._docsHeaderIcon_15ivl_1,h6:hover ._docsHeaderIcon_15ivl_1{opacity:.5}h1:hover ._docsHeaderIcon_15ivl_1:hover,h2:hover ._docsHeaderIcon_15ivl_1:hover,h3:hover ._docsHeaderIcon_15ivl_1:hover,h4:hover ._docsHeaderIcon_15ivl_1:hover,h5:hover ._docsHeaderIcon_15ivl_1:hover,h6:hover ._docsHeaderIcon_15ivl_1:hover{opacity:1} ._container_kzfe6_1{display:flex;flex-direction:column;gap:8px;min-height:800px}._container_kzfe6_1 .ag-root-wrapper{border-bottom-left-radius:0;border-bottom-right-radius:0}._container_kzfe6_1 .ag-group-child-count{opacity:.6666;margin-left:4px}._moduleSnippet_kzfe6_16 pre{margin-top:-9px;border-top-left-radius:0;border-top-right-radius:0}[data-dark-mode=true] ._moduleSnippet_kzfe6_16 pre{border-color:color-mix(in srgb,var(--color-fg-primary) 15%,transparent)} ._cta_13t5y_1{position:relative}._cta_13t5y_1 a,._cta_13t5y_1 button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:var(--radius-sm);transition:color .25s ease-in-out,background-color .25s ease-in-out;cursor:pointer}._cta_13t5y_1 a:hover,._cta_13t5y_1 button:hover{background-color:var(--color-util-brand-100)}._cta_13t5y_1 a:focus-visible,._cta_13t5y_1 button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--color-button-primary-shadow-focus),var(--shadow-xs)}._cta_13t5y_1 a svg,._cta_13t5y_1 button svg{--icon-size: 1.25em;fill:var(--color-link);transform:translate(1px,.75px);transition:fill .25s ease-in-out}li:first-child ._cta_13t5y_1 a svg,li:first-child ._cta_13t5y_1 button svg{--icon-size: 1.35em}[data-dark-mode=true] ._cta_13t5y_1 a:hover,[data-dark-mode=true] ._cta_13t5y_1 button:hover{background-color:var(--color-util-brand-50)}@supports (-webkit-touch-callout: none){._cta_13t5y_1 button{display:none}}._tooltip_13t5y_46{--tooltip-background: var(--color-fg-primary);position:absolute;display:block;color:var(--color-bg-primary);top:-44px;left:50%;padding:4px 16px;white-space:nowrap;font-weight:600;background-color:var(--tooltip-background);border-radius:6px;transform:translate(-50%,4px);opacity:0;pointer-events:none;transition-delay:0;transition:opacity .165s ease-in,transform .165s ease-in;z-index:1}._tooltip_13t5y_46:before{content:"";position:absolute;background-color:var(--tooltip-background);width:16px;height:16px;transform:rotate(45deg);bottom:-7px;left:calc(50% - 8px);border-radius:3px;z-index:-1}._cta_13t5y_1:hover ._tooltip_13t5y_46{opacity:1;transform:translate(-50%);transition:opacity .33s ease-in,transform .33s ease-in;transition-delay:.165s}[data-dark-mode=true] ._tooltip_13t5y_46{--tooltip-background: var(--color-bg-secondary);color:var(--color-fg-primary);box-shadow:0 -4px 16px #0006} </style> <link rel="stylesheet" href="/_astro/_pageName_.BTiaybtX.css"> <link rel="stylesheet" href="/_astro/ag-theme-quartz.DQqh5TXS.css"> <style>:root{--layout-grid-header-height: 32px;--layout-grid-margin: 32px}body{margin:0}._grid_2jpy4_10{--ag-value-change-value-highlight-background-color: #44ad4961;--ag-value-change-delta-down-color: rgb(255, 0, 92);--ag-value-change-delta-up-color: rgb(53, 182, 90)}._gridHeight_2jpy4_16{height:calc(100vh - var(--layout-grid-header-height) - var(--layout-grid-margin));margin:var(--layout-grid-margin)}.ag-theme-quartz-dark .ag-row{--ag-row-hover-color: #323a46}@media screen and (max-width: 720px){div.ag-theme-quartz,div.ag-theme-quartz-dark{--ag-font-size: 12px;--ag-grid-size: 6px}}.ag-theme-quartz .ag-row-group,._container_2jpy4_34{width:100%}.ag-theme-quartz .ag-value-change-value-highlight,.ag-theme-quartz-dark .ag-value-change-value-highlight{padding:2px 6px;border-radius:12px;margin-left:4px}.ag-right-aligned-cell{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ticker-name{opacity:.8} ._container_1d2i5_1{--icon-color: var(--color-enterprise-icon);--icon-size: 18px;display:flex;align-items:center;gap:6px}._container_1d2i5_1 .icon{position:relative;top:-2px}._link_1d2i5_13{opacity:.5;transition:opacity .33s ease-in-out}.ag-row:hover ._link_1d2i5_13{opacity:1}._newTabIcon_1d2i5_21{--icon-size: 14px;margin:2px 2px 0 6px}._configuration_10dtg_1{display:flex;flex-direction:column;gap:16px}._rowModel_10dtg_7,._bundles_10dtg_8,._charts_10dtg_9{display:flex;align-items:center}._rowModel_10dtg_7 ._label_10dtg_13,._bundles_10dtg_8 ._label_10dtg_13,._charts_10dtg_9 ._label_10dtg_13{width:100px;font-weight:var(--text-semibold)}._rowModel_10dtg_7>div,._bundles_10dtg_8>div,._charts_10dtg_9>div{display:flex;gap:32px;margin-left:12px}._rowModel_10dtg_7 label,._bundles_10dtg_8 label,._charts_10dtg_9 label{cursor:pointer;display:flex;align-items:center;gap:6px}._enterpriseIcon_10dtg_35{--icon-size: var(--text-fs-lg);--icon-color: var(--color-enterprise-icon)}._moduleName_zn8z5_1{font-size:13px}._searchBox_83fei_1{position:relative;display:flex;margin-top:16px;border-radius:var(--radius-md);cursor:text}[data-dark-mode=true] ._searchBox_83fei_1 input{background:color-mix(in srgb,var(--color-bg-primary),var(--color-fg-primary) 6%)}[data-dark-mode=true] ._searchBox_83fei_1 input::placeholder{color:#fff9}._searchIcon_83fei_15{--icon-size: 20px;--icon-color: var(--color-fg-secondary);position:absolute;top:10px;left:16px}input[type=search]._searchInput_83fei_23{width:100%;padding:8px 8px 8px 40px}input[type=search]._searchInput_83fei_23::placeholder{color:var(--color-fg-quinary)}input[type=search]._searchInput_83fei_23::-webkit-search-decoration,input[type=search]._searchInput_83fei_23::-webkit-search-cancel-button{display:none} ._form_3saq1_1 .alert{margin:0 0 6px}._licenceWrapper_3saq1_5{margin-top:8px;position:relative}._license_3saq1_10,._licencePlaceholder_3saq1_11{width:100%;height:14.2em;padding:16px;word-break:break-all;font-family:var(--text-monospace-font-family);font-size:15px;line-height:var(--text-lh-base)}._license_3saq1_10{resize:none;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border-secondary),var(--color-border-primary));background-color:var(--color-bg-secondary);color:var(--color-fg-secondary)}._license_3saq1_10::placeholder{opacity:0}[data-dark-mode=true] ._license_3saq1_10{background-color:var(--color-bg-tertiary)}._licencePlaceholder_3saq1_11{position:absolute;top:0;left:0;overflow:hidden;pointer-events:none}._licencePlaceholder_3saq1_11 span{opacity:.5}._licenseData_3saq1_46{display:flex;flex-direction:column;gap:16px;margin-top:16px}._expired_3saq1_53{color:var(--color-negative)}._frameworkLogo_3saq1_57{width:24px;height:24px;border-radius:var(--radius-xs)}._configureItems_3saq1_63{display:flex;align-items:center;flex-wrap:wrap;gap:12px 32px;margin-top:8px}._configureItems_3saq1_63 label{display:flex;align-items:center;gap:12px}._error_3saq1_76{border:1px solid var(--color-input-error);background-color:var(--color-util-warning-100)}._results_3saq1_81{margin-top:32px}._results_3saq1_81 h2{margin-top:48px}._reposTable_3saq1_88 thead{line-height:1.2;vertical-align:bottom}._reposTable_3saq1_88 th:first-child,._reposTable_3saq1_88 td:first-child{padding-left:0}._reposTable_3saq1_88 td{vertical-align:middle;text-transform:capitalize}._reposTable_3saq1_88 ._frameworkLogo_3saq1_57{margin-right:4px}@media screen and (max-width: 900px){._reposTable_3saq1_88 thead{display:none}._reposTable_3saq1_88 tr,._reposTable_3saq1_88 td{display:block;text-align:left}._reposTable_3saq1_88 tr{padding:16px 0}._reposTable_3saq1_88 tr:nth-child(2n){background-color:unset}._reposTable_3saq1_88 td{padding:0;line-height:var(--text-lh-tight);font-weight:var(--text-bold)}._reposTable_3saq1_88 td:not(:last-child){margin-bottom:8px}._reposTable_3saq1_88 td[data-column]:before{content:attr(data-column) ": ";font-weight:var(--text-regular);color:var(--color-fg-secondary)}}@media screen and (min-width: 900px){._reposTable_3saq1_88 th:last-child,._reposTable_3saq1_88 td:last-child{padding-right:0;text-align:right}._reposTable_3saq1_88 [data-column="GitHub Repo"]{width:280px}._reposTable_3saq1_88 [data-column=Framework]{width:140px}}@media screen and (min-width: 1600px){._reposTable_3saq1_88 [data-column="License Type"]{width:160px}}._repoButton_3saq1_151>svg.icon{--icon-size: 1.5em;position:relative;right:4px} </style> <link rel="stylesheet" href="/_astro/DocsExampleRunner.b6J30Pzg.css"> <style>.force-resize-cursor *{cursor:ew-resize!important}@keyframes _fadeIn_1g5nw_1{0%{opacity:0}to{opacity:.8}}@keyframes _fadeOut_1g5nw_1{0%{opacity:.8}to{opacity:0}}@keyframes _scaleFadeInUp_1g5nw_1{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes _scaleFadeOutDown_1g5nw_1{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}._overlay_1g5nw_37{background-color:color-mix(in srgb,var(--color-black),var(--color-black) 45%);z-index:1000;position:fixed;inset:0;opacity:.8}[data-dark-mode=true] ._overlay_1g5nw_37{background-color:color-mix(in srgb,var(--color-black),var(--color-bg-primary) 35%);opacity:.8}._overlay_1g5nw_37[data-state=open]{animation:_fadeIn_1g5nw_1 .25s ease-in}._overlay_1g5nw_37[data-state=closed]{animation:_fadeOut_1g5nw_1 .25s ease-in}._content_1g5nw_55{background-color:var(--color-bg-primary);border-radius:8px;box-shadow:#0e121659 0 10px 38px -10px,#0e121633 0 10px 20px -15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:464px;max-height:85vh;z-index:1000;overflow:hidden}._content_1g5nw_55:focus{outline:none}._content_1g5nw_55[data-state=open]{animation:_scaleFadeInUp_1g5nw_1 .2s cubic-bezier(.4,0,1,1)}._content_1g5nw_55[data-state=closed]{animation:_scaleFadeOutDown_1g5nw_1 .2s cubic-bezier(1,1,0,.4)}._title_1g5nw_79{margin:0 0 8px;font-size:var(--text-fs-lg);color:var(--color-text-secondary)}._description_1g5nw_86{margin:10px 0 0;color:var(--mauve-11);font-size:15px;line-height:1.5}._contentModal_1g5nw_93{padding:24px}._actions_1g5nw_97{padding:16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--color-border-secondary);font-size:14px}._actions_1g5nw_97._noSeparator_1g5nw_105{padding:0 24px 24px;border-top:none}._fullWidth_1g5nw_110{width:100%} </style><script type="module">function t({targetSelector:e,scrolledClass:o,scrollPosition:s}){const l=document.querySelector(e);(window.scrollY||document.documentElement.scrollTop)>=s?l?.classList.add(o):l?.classList.remove(o)}function n(e){window.addEventListener("scroll",()=>{t(e)}),t(e)}n({targetSelector:".site-header",scrolledClass:"header-scrolled",scrollPosition:566}); </script></head> <body data-is-homepage data-astro-cid-sckkx6r4 style="--lightModeCSSUrl: url("/images/sun.svg");--darkModeCSSUrl: url("/images/moon.svg");"> <script> const htmlEl = document.querySelector('html'); const localDarkmode = localStorage['documentation:darkmode']; const isOSDarkmode = ( window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ).toString(); if (localDarkmode === undefined) { localStorage.setItem('documentation:darkmode', isOSDarkmode); } htmlEl.classList.add('no-transitions'); htmlEl.dataset.darkMode = localDarkmode !== undefined ? localDarkmode : isOSDarkmode; htmlEl.dataset.agThemeMode = htmlEl.dataset.darkMode === 'true' ? 'dark-blue' : 'light'; htmlEl.offsetHeight; // Trigger a reflow, flushing the CSS changes htmlEl.classList.remove('no-transitions'); </script> <div class="_mainContainer_b2g1f_5" data-astro-cid-sckkx6r4 style="--lightModeCSSUrl: url("/images/sun.svg");--darkModeCSSUrl: url("/images/moon.svg");"> <header class="_header_1agp5_1 site-header"> <div class="_headerInner_1agp5_20 layout-page-max-width"> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script><astro-island uid="Z1QHyEj" prefix="r17" component-url="/_astro/SiteLogo.CbYHwFyX.js" component-export="SiteLogo" renderer-url="/_astro/client.5kNSwotS.js" props="{}" ssr="" client="load" opts="{"name":"SiteLogo","value":true}" await-children=""><a href="/" aria-label="Home" class="_headerLogo_1agp5_36"><svg xmlns="http://www.w3.org/2000/svg" class="logotype" width="154" height="40" viewBox="0 0 154 40"><style> .logotype path, .logotype rect { fill: #fff; } .logotype.dark-type > path, .logotype.dark-type > rect { fill: #003264; } </style><path d="M147.979,5.6l-0,28.417l-4.768,-0l-0.127,-2.988c-0.7,1.017 -1.59,1.844 -2.67,2.479c-1.081,0.572 -2.416,0.89 -3.942,0.89c-1.335,0 -2.606,-0.254 -3.687,-0.699c-1.144,-0.509 -2.162,-1.144 -2.988,-2.034c-0.826,-0.89 -1.526,-1.971 -1.971,-3.179c-0.508,-1.208 -0.699,-2.606 -0.699,-4.132c-0,-1.526 0.254,-2.924 0.699,-4.196c0.509,-1.271 1.145,-2.352 1.971,-3.242c0.826,-0.89 1.844,-1.589 2.988,-2.098c1.144,-0.509 2.352,-0.763 3.687,-0.763c1.526,0 2.797,0.254 3.878,0.827c1.081,0.572 1.971,1.335 2.67,2.415l-0,-11.633l4.959,-0l-0,-0.064Zm-10.426,24.539c1.653,-0 2.924,-0.572 3.941,-1.653c1.017,-1.081 1.526,-2.543 1.526,-4.323c-0,-1.78 -0.509,-3.179 -1.526,-4.323c-1.017,-1.081 -2.288,-1.653 -3.941,-1.653c-1.59,0 -2.925,0.572 -3.878,1.653c-1.017,1.081 -1.526,2.543 -1.526,4.323c0,1.78 0.509,3.179 1.526,4.259c1.017,1.145 2.288,1.717 3.878,1.717"></path><rect x="119.067" y="5.6" width="4.959" height="5.849"></rect><rect x="119.067" y="14.373" width="4.959" height="19.644"></rect><path d="M108.831,16.979c1.59,-2.352 5.595,-2.606 7.248,-2.606l-0,4.577c-2.035,0 -4.069,0.064 -5.277,0.954c-1.208,0.89 -1.843,2.098 -1.843,3.56l-0,10.553l-4.959,-0l0,-19.644l4.768,-0l0.063,2.606Z"></path><path d="M26.489,28.677l-12.46,-0l-2.162,5.34l-5.467,-0l11.507,-26.955l4.768,0l11.506,26.955l-5.531,-0l-2.161,-5.34Zm-1.717,-4.26l-4.513,-10.998l-4.514,10.998l9.027,0Z"></path><path d="M62.024,18.654l-12.286,0l-0,4.267l6.963,0c-0.219,2.139 -1.021,3.846 -2.406,5.123c-1.385,1.276 -3.208,1.914 -5.469,1.914c-1.288,0 -2.461,-0.231 -3.518,-0.693c-1.058,-0.462 -1.964,-1.113 -2.717,-1.95c-0.753,-0.839 -1.337,-1.848 -1.749,-3.027c-0.414,-1.179 -0.62,-2.486 -0.62,-3.92c-0,-1.433 0.206,-2.739 0.62,-3.919c0.412,-1.178 0.996,-2.187 1.749,-3.026c0.753,-0.838 1.665,-1.488 2.734,-1.95c1.07,-0.462 2.248,-0.693 3.538,-0.693c2.669,-0 4.696,0.642 6.081,1.927l3.284,-3.286c-2.486,-1.934 -5.63,-2.907 -9.439,-2.907c-2.114,-0 -4.023,0.334 -5.723,1.002c-1.703,0.669 -3.161,1.605 -4.376,2.807c-1.216,1.204 -2.151,2.657 -2.807,4.357c-0.657,1.702 -0.985,3.599 -0.985,5.688c-0,2.066 0.334,3.957 1.003,5.67c0.668,1.714 1.61,3.173 2.825,4.375c1.216,1.204 2.673,2.139 4.375,2.808c1.702,0.668 3.597,1.002 5.688,1.002c2.042,0 3.883,-0.334 5.524,-1.002c1.64,-0.669 3.038,-1.604 4.193,-2.808c1.154,-1.202 2.042,-2.661 2.661,-4.375c0.621,-1.713 0.93,-3.604 0.93,-5.67c0,-0.291 -0.007,-0.577 -0.017,-0.856c-0.014,-0.28 -0.032,-0.565 -0.056,-0.858"></path><path d="M100.792,18.654l-12.286,0l-0,4.267l6.963,0c-0.219,2.139 -1.021,3.846 -2.406,5.123c-1.385,1.276 -3.208,1.914 -5.469,1.914c-1.288,0 -2.461,-0.231 -3.518,-0.693c-1.058,-0.462 -1.964,-1.113 -2.717,-1.95c-0.753,-0.839 -1.337,-1.848 -1.749,-3.027c-0.414,-1.179 -0.62,-2.486 -0.62,-3.92c-0,-1.433 0.206,-2.739 0.62,-3.919c0.412,-1.178 0.996,-2.187 1.749,-3.026c0.753,-0.838 1.665,-1.488 2.735,-1.95c1.069,-0.462 2.247,-0.693 3.537,-0.693c2.669,-0 4.697,0.642 6.081,1.927l3.284,-3.286c-2.486,-1.934 -5.63,-2.907 -9.438,-2.907c-2.115,-0 -4.024,0.334 -5.724,1.002c-1.703,0.669 -3.161,1.605 -4.376,2.807c-1.216,1.204 -2.151,2.657 -2.807,4.357c-0.657,1.702 -0.985,3.599 -0.985,5.688c-0,2.066 0.334,3.957 1.003,5.67c0.668,1.714 1.61,3.173 2.825,4.375c1.216,1.204 2.673,2.139 4.375,2.808c1.702,0.668 3.597,1.002 5.689,1.002c2.041,0 3.883,-0.334 5.523,-1.002c1.64,-0.669 3.038,-1.604 4.193,-2.808c1.154,-1.202 2.042,-2.661 2.661,-4.375c0.621,-1.713 0.93,-3.604 0.93,-5.67c0,-0.291 -0.007,-0.577 -0.017,-0.856c-0.014,-0.28 -0.032,-0.565 -0.056,-0.858"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="logo-mark" width="64" height="48" viewBox="0 0 64 48"><style> .logomark .aqua { fill: #55b4c8; } .logomark .orange { fill: #ff8c00; } .logomark .red { fill: #f00; } .logomark .grey { fill: #b4bebe; } </style><rect class="aqua right-1" x="51" y="10" width="7" height="8"></rect><path class="aqua right-1" d="M58,10l-17,0l-8,8l25,0l0,-8Z"></path><rect class="orange right-2" x="36" y="22" width="7" height="8"></rect><path class="orange right-2" d="M43,30l0,-7.995l-14,-0l-8.008,7.995l22.008,0Z"></path><rect class="red right-3" x="24" y="34" width="7" height="8"></rect><path class="red right-3" d="M13,38.01l4,-4.01l14,0l0,8l-18,0l0,-3.99Z"></path><rect class="grey left-1" x="11" y="6" width="7" height="8"></rect><path class="grey left-1" d="M41,10l-4,4l-26,0l0,-8l30,0l0,4Z"></path><rect class="grey left-2" x="16" y="18" width="7" height="8"></rect><path class="grey left-2" d="M16,26l9,0l8,-8l-17,-0l0,8Z"></path><rect class="grey left-3" x="6" y="30" width="7" height="8"></rect><path class="grey left-3" d="M6,37.988l7,0.012l7.992,-8l-14.992,-0.047l-0,8.035Z"></path></svg></a></astro-island> <astro-island uid="1wil1d" prefix="r18" component-url="/_astro/ProductDropdown.DeOAom3M.js" component-export="ProductDropdown" renderer-url="/_astro/client.5kNSwotS.js" props="{"items":[1,[[0,{"title":[0,"AG Grid"],"description":[0,"Best JavaScript Grid in the World"],"url":[0,"https://www.ag-grid.com"]}],[0,{"title":[0,"AG Charts"],"description":[0,"Best JavaScript Charts in the World"],"url":[0,"https://www.ag-grid.com/charts"]}]]],"children":[0,null]}" ssr="" client="load" opts="{"name":"ProductDropdown","value":true}" await-children=""><div class="_customMenu_zefh0_1 "><button class="_customTrigger_zefh0_23 ">Products<span class="_arrow_zefh0_51"></span></button></div></astro-island> <astro-island uid="1aKbro" prefix="r19" component-url="/_astro/HeaderNav.DeNiJgOx.js" component-export="HeaderNav" renderer-url="/_astro/client.5kNSwotS.js" props="{"currentPath":[0,"/"],"items":[1,[[0,{"title":[0,"AG Charts"],"url":[0,"https://www.ag-grid.com/charts"],"isCollapsed":[0,true]}],[0,{"title":[0,"Demos"],"path":[0,"/example"]}],[0,{"title":[0,"Theme Builder"],"path":[0,"/theme-builder"]}],[0,{"title":[0,"Docs"],"path":[0,"./getting-started"]}],[0,{"title":[0,"API"],"path":[0,"./reference"]}],[0,{"title":[0,"Community"],"path":[0,"/community"]}],[0,{"title":[0,"Pricing"],"path":[0,"/license-pricing"]}],[0,{"title":[0,"GitHub"],"url":[0,"https://github.com/ag-grid/ag-grid"],"icon":[0,"github"],"github":[0,"true"]}]]],"allPaths":[1,[[0,{"title":[0,"AG Charts"],"url":[0,"https://www.ag-grid.com/charts"],"isCollapsed":[0,true]}],[0,{"title":[0,"Demos"],"path":[0,"/example"]}],[0,{"title":[0,"Theme Builder"],"path":[0,"/theme-builder"]}],[0,{"title":[0,"Docs"],"path":[0,"./getting-started"]}],[0,{"title":[0,"API"],"path":[0,"./reference"]}],[0,{"title":[0,"Community"],"path":[0,"/community"]}],[0,{"title":[0,"Pricing"],"path":[0,"/license-pricing"]}],[0,{"title":[0,"GitHub"],"url":[0,"https://github.com/ag-grid/ag-grid"],"icon":[0,"github"],"github":[0,"true"]}],[0,"reference"],[0,"grid-interface"],[0,"grid-options"],[0,"grid-events"],[0,"grid-api"],[0,"grid-state"],[0,"grid-lifecycle"],[0,"column-interface"],[0,"column-properties"],[0,"column-object"],[0,"column-object-group"],[0,"column-events"],[0,"row-interface"],[0,"row-object"],[0,"row-events"],[0,"typescript-generics"],[0,{"title":[0,"Docs"],"path":[0,"/react"]}],[0,{"title":[0,"Docs"],"path":[0,"/angular"]}],[0,{"title":[0,"Docs"],"path":[0,"/vue"]}],[0,{"title":[0,"Docs"],"path":[0,"/javascript"]}]]],"apiPaths":[1,[[0,"reference"],[0,"grid-interface"],[0,"grid-options"],[0,"grid-events"],[0,"grid-api"],[0,"grid-state"],[0,"grid-lifecycle"],[0,"column-interface"],[0,"column-properties"],[0,"column-object"],[0,"column-object-group"],[0,"column-events"],[0,"row-interface"],[0,"row-object"],[0,"row-events"],[0,"typescript-generics"]]]}" ssr="" client="load" opts="{"name":"HeaderNav","value":true}" await-children=""><div class="_mainNav_1agp5_191"><nav class="_mainNavLarge_1agp5_191"><ul class="_navItemList_1agp5_225 list-style-none"><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/example/" aria-label="AG Grid Demos"><span>Demos</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/theme-builder/" aria-label="AG Grid Theme Builder"><span>Theme Builder</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/react-data-grid/getting-started/" aria-label="AG Grid Docs"><span>Docs</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/react-data-grid/reference/" aria-label="AG Grid API"><span>API</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/community/" aria-label="AG Grid Community"><span>Community</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/license-pricing/" aria-label="AG Grid Pricing"><span>Pricing</span></a></li><li class="_navItem_1agp5_225 _buttonItem_1agp5_320 _githubItem_1agp5_316"><a class="_navLink_1agp5_243" href="https://github.com/ag-grid/ag-grid" aria-label="AG Grid GitHub"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"></path></svg><span>GitHub</span></a></li><li class="_navItem_1agp5_225 _buttonItem_1agp5_320"><button class="_navLink_1agp5_243 button-style-none" aria-label="Dark mode selector"><div class="_icon_1agp5_88 _pseudoIcon_1agp5_324"></div><span>Dark Mode</span></button></li></ul></nav></div><button class="_mobileMenuButton_1agp5_117" type="button" aria-controls="_mainNavSmall_1agp5_1" aria-expanded="false" aria-label="Toggle navigation"><svg xmlns="http://www.w3.org/2000/svg" class="_menuIcon_1agp5_153" width="36" height="36" viewBox="0 0 36 36"><style> .menu-icon rect { fill: #fff; } </style><g class="top"><rect x="2" y="7" width="32" height="2"></rect></g><g class="middle"><rect x="2" y="17" width="32" height="2"></rect></g><g class="bottom"><rect x="2" y="27" width="32" height="2"></rect></g></svg></button><div id="_mainNavSmall_1agp5_1" aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><nav class="_mainNav_1agp5_191"><ul class="_navItemList_1agp5_225 list-style-none"><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="https://www.ag-grid.com/charts" aria-label="AG Grid AG Charts"><span>AG Charts</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/example/" aria-label="AG Grid Demos"><span>Demos</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/theme-builder/" aria-label="AG Grid Theme Builder"><span>Theme Builder</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/react-data-grid/getting-started/" aria-label="AG Grid Docs"><span>Docs</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/react-data-grid/reference/" aria-label="AG Grid API"><span>API</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/community/" aria-label="AG Grid Community"><span>Community</span></a></li><li class="_navItem_1agp5_225"><a class="_navLink_1agp5_243" href="/license-pricing/" aria-label="AG Grid Pricing"><span>Pricing</span></a></li><li class="_navItem_1agp5_225 _buttonItem_1agp5_320 _githubItem_1agp5_316"><a class="_navLink_1agp5_243" href="https://github.com/ag-grid/ag-grid" aria-label="AG Grid GitHub"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"></path></svg><span>GitHub</span></a></li><li class="_navItem_1agp5_225 _buttonItem_1agp5_320"><button class="_navLink_1agp5_243 button-style-none" aria-label="Dark mode selector"><div class="_icon_1agp5_88 _pseudoIcon_1agp5_324"></div><span>Dark Mode</span></button></li></ul></nav></div></div></astro-island> </div> </header> <div class="_homepageHero_1ubbo_8"><section class="_heroInner_1ubbo_45 layout-max-width-small"><section class="_heroHeadings_1ubbo_56"><noscript><h1>The Best JavaScript Grid in the World</h1></noscript><h1 className="text-xl"><span class="_heroTopLine_1ubbo_107"><span>The Best</span> <astro-island uid="1fAg4M" prefix="r0" component-url="/_astro/FrameworkTextAnimation.CUh1c3lj.js" component-export="FrameworkTextAnimation" renderer-url="/_astro/client.5kNSwotS.js" props="{}" ssr="" client="load" opts="{"name":"FrameworkTextAnimation","value":true}" await-children=""><span class="_animatedWordsOuter_tbd7e_1" style="--word-index:0"><span class="_animatedWordsInner_tbd7e_13"><span class="_javascript_tbd7e_24">Javascript</span><span class="_vue_tbd7e_39">Vue</span><span class="_angular_tbd7e_32">Angular</span><span class="_react_tbd7e_28">React</span><span class="_javascript_tbd7e_24">Javascript</span></span></span></astro-island></span><span>Grid in the World</span></h1><h2 class="text-base normal-weight-text"> Add high-performance, feature rich, and fully customisable Data Grids to your application in minutes with our free, open source library. </h2><div class="_heroSectionbuttonContainer_1ubbo_444"><a class="button-secondary _heroSectioncta1_1ubbo_480 plausible-event-name=react-table-get-started" href="/example">See demos <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></a><div class="_heroSectioncta2_1ubbo_462"><astro-island uid="ZWRCz9" prefix="r2" component-url="/_astro/InstallText.B-PcJajf.js" component-export="default" renderer-url="/_astro/client.5kNSwotS.js" props="{}" ssr="" client="load" opts="{"name":"InstallText","value":true}" await-children=""><div class="_installTextContainer_1hdc6_56"><span class="_installText_1hdc6_56"><div class="_frameworkIconWrapper_1hdc6_67"><svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.4847 5.01847C17.0929 4.92618 15.7249 5.17521 14.5259 5.86748C12.9272 6.79051 11.8625 8.36605 11.2907 10.18C10.7188 11.994 10.5867 14.0846 10.7954 16.3675C10.8166 16.5987 10.8572 16.8398 10.8855 17.075C10.6672 17.1683 10.4374 17.2541 10.2262 17.3516C8.14473 18.3122 6.40112 19.4708 5.11608 20.873C3.83105 22.2752 3 23.9859 3 25.832C3 27.678 3.83105 29.3887 5.11608 30.7909C6.40112 32.1932 8.14473 33.3517 10.2262 34.3124C10.4374 34.4099 10.6672 34.4956 10.8855 34.5889C10.8572 34.8242 10.8166 35.0652 10.7954 35.2965C10.5867 37.5794 10.7188 39.6699 11.2907 41.4839C11.8625 43.2979 12.9272 44.8734 14.5259 45.7965C16.1246 46.7195 18.0203 46.8546 19.8772 46.4429C21.7341 46.0311 23.6099 45.0991 25.4826 43.7769C25.6722 43.643 25.8623 43.4879 26.0518 43.3459C26.2413 43.4879 26.4314 43.643 26.621 43.7769C28.4937 45.0991 30.3695 46.0311 32.2264 46.4429C34.0832 46.8546 35.9789 46.7195 37.5777 45.7965C39.1764 44.8734 40.2411 43.2979 40.8129 41.4839C41.3847 39.6699 41.5169 37.5794 41.3082 35.2965C41.287 35.0652 41.2463 34.8242 41.2181 34.5889C41.4363 34.4956 41.6662 34.4099 41.8774 34.3124C43.9588 33.3517 45.7024 32.1932 46.9875 30.7909C48.2725 29.3887 49.1036 27.678 49.1036 25.832C49.1036 23.9859 48.2725 22.2752 46.9875 20.873C45.7024 19.4708 43.9588 18.3122 41.8774 17.3516C41.6662 17.2541 41.4363 17.1683 41.2181 17.075C41.2463 16.8398 41.287 16.5987 41.3082 16.3675C41.5169 14.0846 41.3847 11.994 40.8129 10.18C40.2411 8.36606 39.1764 6.79051 37.5777 5.86748C35.9789 4.94445 34.0832 4.80932 32.2264 5.22108C30.3695 5.63284 28.4937 6.56482 26.621 7.88708C26.4314 8.02095 26.2413 8.17604 26.0518 8.31802C25.8623 8.17604 25.6722 8.02095 25.4826 7.88708C23.6099 6.56482 21.7341 5.63284 19.8772 5.22108C19.413 5.11814 18.9486 5.04924 18.4847 5.01847ZM18.2692 8.29872C18.5498 8.31985 18.8481 8.36641 19.1665 8.43701C20.4108 8.71292 21.9009 9.41131 23.4726 10.5049C22.1636 11.7466 20.8753 13.1593 19.6457 14.7402C17.664 15.0147 15.7974 15.4211 14.0692 15.9333C13.9083 14.0262 14.0463 12.3857 14.4294 11.1705C14.8216 9.92649 15.4086 9.16103 16.1724 8.72001C16.7453 8.38924 17.4275 8.23535 18.2692 8.29872ZM33.8343 8.29872C34.6761 8.23535 35.3582 8.38924 35.9311 8.72001C36.695 9.16103 37.282 9.92649 37.6742 11.1705C38.0572 12.3857 38.1953 14.0262 38.0343 15.9333C36.3062 15.4211 34.4396 15.0147 32.4579 14.7402C31.2282 13.1593 29.94 11.7466 28.631 10.5049C30.2027 9.41131 31.6928 8.71292 32.9371 8.43701C33.2555 8.36641 33.5537 8.31985 33.8343 8.29872ZM26.0518 12.592C26.6305 13.1271 27.2083 13.7221 27.7852 14.3447C27.211 14.3244 26.6371 14.3061 26.0518 14.3061C25.4664 14.3061 24.8926 14.3244 24.3184 14.3447C24.8953 13.7221 25.473 13.1271 26.0518 12.592ZM26.0518 17.5992C27.6399 17.5992 29.1792 17.6926 30.6602 17.85C31.5371 19.0539 32.3874 20.3402 33.1815 21.7156C33.9756 23.0911 34.6645 24.4706 35.2686 25.832C34.6645 27.1934 33.9756 28.5729 33.1815 29.9484C32.3874 31.3237 31.5371 32.6101 30.6602 33.8139C29.1792 33.9714 27.6399 34.0648 26.0518 34.0648C24.4636 34.0648 22.9243 33.9714 21.4434 33.8139C20.5665 32.6101 19.7161 31.3237 18.9221 29.9484C18.1279 28.5729 17.4391 27.1934 16.8349 25.832C17.4391 24.4706 18.1279 23.0911 18.9221 21.7156C19.7161 20.3402 20.5665 19.0539 21.4434 17.85C22.9243 17.6926 24.4636 17.5992 26.0518 17.5992ZM16.97 18.5865C16.6653 19.0736 16.3622 19.5621 16.0695 20.069C15.7769 20.5759 15.5061 21.0828 15.2366 21.5902C14.9863 20.7804 14.7609 19.9813 14.587 19.2136C15.3395 18.98 16.1427 18.7748 16.97 18.5865ZM35.1336 18.5865C35.9608 18.7748 36.7641 18.98 37.5166 19.2136C37.3427 19.9813 37.1173 20.7804 36.867 21.5902C36.5975 21.0828 36.3267 20.5759 36.034 20.069C35.7414 19.5621 35.4382 19.0736 35.1336 18.5865ZM11.4868 20.4035C11.9076 22.1577 12.4887 23.977 13.2427 25.832C12.4887 27.687 11.9076 29.5063 11.4868 31.2605C9.7555 30.4464 8.40466 29.5045 7.54411 28.5655C6.66282 27.6038 6.29311 26.714 6.29311 25.832C6.29311 24.9499 6.66282 24.0601 7.54411 23.0984C8.40466 22.1594 9.7555 21.2175 11.4868 20.4035ZM40.6167 20.4035C42.3481 21.2175 43.6989 22.1594 44.5595 23.0984C45.4407 24.0601 45.8105 24.9499 45.8105 25.832C45.8105 26.714 45.4407 27.6038 44.5595 28.5655C43.6989 29.5045 42.3481 30.4464 40.6167 31.2605C40.1959 29.5063 39.6148 27.687 38.8608 25.832C39.6148 23.977 40.1959 22.1577 40.6167 20.4035ZM26.0518 20.8923C23.3432 20.8923 21.1121 23.1234 21.1121 25.832C21.1121 28.5406 23.3432 30.7716 26.0518 30.7716C28.7604 30.7716 30.9915 28.5406 30.9915 25.832C30.9915 23.1234 28.7604 20.8923 26.0518 20.8923ZM26.0518 24.1854C26.9807 24.1854 27.6983 24.9031 27.6983 25.832C27.6983 26.7608 26.9807 27.4785 26.0518 27.4785C25.1229 27.4785 24.4052 26.7608 24.4052 25.832C24.4052 24.9031 25.1229 24.1854 26.0518 24.1854ZM15.2366 30.0738C15.5061 30.5812 15.7769 31.088 16.0695 31.5949C16.3622 32.1018 16.6653 32.5904 16.97 33.0775C16.1427 32.8892 15.3395 32.6839 14.587 32.4504C14.7609 31.6827 14.9863 30.8835 15.2366 30.0738ZM36.867 30.0738C37.1173 30.8835 37.3427 31.6827 37.5166 32.4504C36.7641 32.6839 35.9608 32.8892 35.1336 33.0775C35.4382 32.5904 35.7414 32.1018 36.034 31.5949C36.3267 31.088 36.5975 30.5812 36.867 30.0738ZM14.0692 35.7306C15.7974 36.2428 17.664 36.6492 19.6457 36.9237C20.8753 38.5046 22.1636 39.9173 23.4726 41.1591C21.9009 42.2526 20.4108 42.951 19.1665 43.2269C17.893 43.5093 16.9363 43.385 16.1724 42.9439C15.4086 42.5029 14.8216 41.7374 14.4294 40.4934C14.0463 39.2782 13.9083 37.6377 14.0692 35.7306ZM38.0343 35.7306C38.1953 37.6377 38.0572 39.2782 37.6742 40.4934C37.282 41.7374 36.695 42.5029 35.9311 42.9439C35.1672 43.385 34.2106 43.5093 32.9371 43.2269C31.6928 42.951 30.2027 42.2526 28.631 41.1591C29.94 39.9173 31.2282 38.5046 32.4579 36.9237C34.4396 36.6492 36.3062 36.2428 38.0343 35.7306ZM24.3184 37.3193C24.8926 37.3396 25.4664 37.3579 26.0518 37.3579C26.6371 37.3579 27.211 37.3396 27.7852 37.3193C27.2083 37.9418 26.6305 38.5369 26.0518 39.072C25.473 38.5369 24.8953 37.9418 24.3184 37.3193Z" fill="currentColor"></path></svg></div> <span class="_installCommand_1hdc6_88"><span class="_noSelection_1hdc6_95">$ </span>npm install ag-grid-react</span></span><span class="plausible-event-name=react-table-copy-cta _copyButton_1hdc6_109 _copyIconAnimationContainer_1hdc6_31"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon _copyToClipboardIcon_1hdc6_40 _copyIcon_1hdc6_31" xmlns="http://www.w3.org/2000/svg"><path d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"></path><path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z"></path></svg></span></div></astro-island></div></div></section></section><section class="_heroSectionDemoContainer_1ubbo_111"><div class="_loadingLogoContainer_1ubbo_124"><svg xmlns="http://www.w3.org/2000/svg" class="logo-mark _loading_1oiud_18" width="64" height="48" viewBox="0 0 64 48"><style> .logomark .aqua { fill: #55b4c8; } .logomark .orange { fill: #ff8c00; } .logomark .red { fill: #f00; } .logomark .grey { fill: #b4bebe; } </style><rect class="aqua right-1" x="51" y="10" width="7" height="8"></rect><path class="aqua right-1" d="M58,10l-17,0l-8,8l25,0l0,-8Z"></path><rect class="orange right-2" x="36" y="22" width="7" height="8"></rect><path class="orange right-2" d="M43,30l0,-7.995l-14,-0l-8.008,7.995l22.008,0Z"></path><rect class="red right-3" x="24" y="34" width="7" height="8"></rect><path class="red right-3" d="M13,38.01l4,-4.01l14,0l0,8l-18,0l0,-3.99Z"></path><rect class="grey left-1" x="11" y="6" width="7" height="8"></rect><path class="grey left-1" d="M41,10l-4,4l-26,0l0,-8l30,0l0,4Z"></path><rect class="grey left-2" x="16" y="18" width="7" height="8"></rect><path class="grey left-2" d="M16,26l9,0l8,-8l-17,-0l0,8Z"></path><rect class="grey left-3" x="6" y="30" width="7" height="8"></rect><path class="grey left-3" d="M6,37.988l7,0.012l7.992,-8l-14.992,-0.047l-0,8.035Z"></path></svg></div><div class="_heroSectionGrid_1ubbo_151"><script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><astro-island uid="ZFAIun" component-url="/_astro/finance.BRTy1CLN.js" component-export="Finance" renderer-url="/_astro/client.5kNSwotS.js" props="{"gridHeight":[0,450],"isSmallerGrid":[0,true]}" ssr="" client="only" opts="{"name":"Finance","value":"react"}"></astro-island></div><div class="_heroLinks_1ubbo_157"><a class="button-tertiary" href="https://github.com/ag-grid/ag-grid-demos/tree/main/finance"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"></path></svg><span>View on GitHub</span></a></div></section></div><div class="_homepageFrameworks_1ubbo_171"><div class="_frameworksInner_1ubbo_181 layout-max-width-small"><astro-island uid="1dbJuE" prefix="r5" component-url="/_astro/LandingPageFWSelector.BWTT0btx.js" component-export="LandingPageFWSelector" renderer-url="/_astro/client.5kNSwotS.js" props="{"data":[1,[[0,{"name":[0,"react"],"url":[0,"/react-data-grid/"]}],[0,{"name":[0,"angular"],"url":[0,"/angular-data-grid/"]}],[0,{"name":[0,"vue"],"url":[0,"/vue-data-grid/"]}],[0,{"name":[0,"javascript"],"url":[0,"/javascript-data-grid/"]}]]],"isFullWidth":[0,true]}" ssr="" client="load" opts="{"name":"LandingPageFWSelector","value":true}" await-children=""><div class="_frameworkSelector_1d4fr_1"><a href="/react-data-grid/" class="_option_1d4fr_38"><img src="/images/fw-logos/react.svg" alt="React Data Grid"/><span>React <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></span></a><a href="/angular-data-grid/" class="_option_1d4fr_38"><img src="/images/fw-logos/angular.svg" alt="Angular Data Grid"/><span>Angular <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></span></a><a href="/vue-data-grid/" class="_option_1d4fr_38"><img src="/images/fw-logos/vue.svg" alt="Vue Data Grid"/><span>Vue <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></span></a><a href="/javascript-data-grid/" class="_option_1d4fr_38"><img src="/images/fw-logos/javascript.svg" alt="JavaScript Data Grid"/><span>JavaScript <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></span></a></div></astro-island></div></div><div class="_homepageCustomers_1ubbo_222"><astro-island uid="1BYDhQ" prefix="r20" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40"></h2><h3 class="_heading_1fkyt_41"></h3><h4 class="_subHeading_1fkyt_42"></h4></header><astro-slot><astro-island uid="14FV3t" prefix="r6" component-url="/_astro/CustomerLogos.mGiaS9TE.js" component-export="CustomerLogos" renderer-url="/_astro/client.5kNSwotS.js" props="{}" ssr="" client="load" opts="{"name":"CustomerLogos","value":true}" await-children=""><div class="_customerLogosOuter_1a1y9_1 layout-max-width-small"><div class="_customerLogos_1a1y9_1"></div></div></astro-island><astro-island uid="1MHAVb" prefix="r7" component-url="/_astro/Quotes.vtwq4F0P.js" component-export="Quotes" renderer-url="/_astro/client.5kNSwotS.js" props="{"data":[0,{"tannerLinsley":[0,{"name":[0,"Tanner Linsley"],"avatarUrl":[0,"/images/developer-quotes/portraits/tanner-linsley-portrait.png"],"orgName":[0,"TanStack"],"orgIconUrl":[0,"/images/developer-quotes/orgIcons/tanstack-logo.png"],"orgRole":[0,"Creator"],"text":[0,"There are a lot of component-based table libraries out there, but I believe AG Grid is the gold standard and is by far my favourite. AG Grid is perfect for building Enterprise Applications."],"order":[0,10]}],"ryanCarniato":[0,{"name":[0,"Ryan Carniato"],"avatarUrl":[0,"/images/developer-quotes/portraits/ryan-carniato-portrait.png"],"orgName":[0,"SolidJS"],"orgIconUrl":[0,"/images/developer-quotes/orgIcons/solid.svg"],"orgRole":[0,"Creator"],"text":[0,"I've been impressed with AG Grid. Not only is it incredibly feature-rich, but it also leverages your framework of choice to do its rendering. This means seamless extensibility and a real way to leverage the framework's strengths. And for SolidJS that's a game changer."],"order":[0,20]}],"brianLove":[0,{"name":[0,"Brian Love"],"avatarUrl":[0,"/images/developer-quotes/portraits/brian-love-portrait.png"],"orgName":[0,"Google Developers"],"orgIconUrl":[0,"/images/developer-quotes/orgIcons/google-developer-expert-logo.png"],"orgRole":[0,"Expert at"],"text":[0,"If your application needs to display large amounts of data, we recommend AG Grid. Not only is it highly customizable and extensible, it’s also the fastest JavaScript grid on the planet."],"order":[0,30]}]}]}" ssr="" client="load" opts="{"name":"Quotes","value":true}" await-children=""><div><div class="_statsOuter_12e38_117"><div class="_stat_12e38_117"><h4 class="text-2xl"> 90%</h4><p>Of the Fortune 500 use AG Grid</p></div><div class="_stat_12e38_117"><h4 class="text-2xl"> 5M+</h4><p>Weekly NPM downloads</p></div><div class="_stat_12e38_117"><h4 class="text-2xl">13k+</h4><p>GitHub Stars</p></div><div class="_stat_12e38_117"><h4 class="text-2xl">40K+</h4><p>Commits</p></div></div><ul class="_container_12e38_2 list-style-none"><div class="_quote_12e38_49"><blockquote><p>There are a lot of component-based table libraries out there, but I believe AG Grid is the gold standard and is by far my favourite. AG Grid is perfect for building Enterprise Applications.</p></blockquote><footer><img class="_avatar_12e38_94" src="/images/developer-quotes/portraits/tanner-linsley-portrait.png" alt="Tanner Linsley"/><div><h4 class="_name_12e38_105 text-lg">Tanner Linsley</h4><p class="text-base">Creator TanStack</p></div><img class="_orgIcon_12e38_109" src="/images/developer-quotes/orgIcons/tanstack-logo.png" alt="TanStack"/></footer></div><div class="_quote_12e38_49"><blockquote><p>I've been impressed with AG Grid. Not only is it incredibly feature-rich, but it also leverages your framework of choice to do its rendering. This means seamless extensibility and a real way to leverage the framework's strengths. And for SolidJS that's a game changer.</p></blockquote><footer><img class="_avatar_12e38_94" src="/images/developer-quotes/portraits/ryan-carniato-portrait.png" alt="Ryan Carniato"/><div><h4 class="_name_12e38_105 text-lg">Ryan Carniato</h4><p class="text-base">Creator SolidJS</p></div><img class="_orgIcon_12e38_109" src="/images/developer-quotes/orgIcons/solid.svg" alt="SolidJS"/></footer></div><div class="_quote_12e38_49"><blockquote><p>If your application needs to display large amounts of data, we recommend AG Grid. Not only is it highly customizable and extensible, it’s also the fastest JavaScript grid on the planet.</p></blockquote><footer><img class="_avatar_12e38_94" src="/images/developer-quotes/portraits/brian-love-portrait.png" alt="Brian Love"/><div><h4 class="_name_12e38_105 text-lg">Brian Love</h4><p class="text-base">Expert at Google Developers</p></div><img class="_orgIcon_12e38_109" src="/images/developer-quotes/orgIcons/google-developer-expert-logo.png" alt="Google Developers"/></footer></div></ul></div></astro-island></astro-slot></div></astro-island></div><script>(()=>{var l=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let a of e)if(a.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=l;window.dispatchEvent(new Event("astro:visible"));})();</script><astro-island uid="ZVEMEH" prefix="r21" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{"tag":[0,"Unbeatable Speed & Performance"],"heading":[0,"The Fastest Data Grid In The World"],"subHeading":[0,"Handle millions of rows, and thousands of updates per second out of the box, without compromising on performance"],"ctaTitle":[0,"Get Started For Free"],"ctaUrl":[0,"./getting-started"],"isFramework":[0,true],"showBackgroundGradient":[0,true]}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1 _withBackgroundGradient_1fkyt_10"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40">Unbeatable Speed & Performance</h2><h3 class="_heading_1fkyt_41">The Fastest Data Grid In The World</h3><h4 class="_subHeading_1fkyt_42">Handle millions of rows, and thousands of updates per second out of the box, without compromising on performance</h4><div class="_CTAWithFrameworks_1fkyt_99"><a href="https://www.ag-grid.com/react-data-grid/getting-started" class="_ctaButton_1fkyt_83 button-tertiary">Get Started For Free<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></a><div class="_inlineSelectorContainer_1fkyt_203 button-tertiary"><div class="_frameworkSelectorInline_1fkyt_212"><svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" class="_frameworkIcon_1fkyt_218"><path d="M18.4847 5.01847C17.0929 4.92618 15.7249 5.17521 14.5259 5.86748C12.9272 6.79051 11.8625 8.36605 11.2907 10.18C10.7188 11.994 10.5867 14.0846 10.7954 16.3675C10.8166 16.5987 10.8572 16.8398 10.8855 17.075C10.6672 17.1683 10.4374 17.2541 10.2262 17.3516C8.14473 18.3122 6.40112 19.4708 5.11608 20.873C3.83105 22.2752 3 23.9859 3 25.832C3 27.678 3.83105 29.3887 5.11608 30.7909C6.40112 32.1932 8.14473 33.3517 10.2262 34.3124C10.4374 34.4099 10.6672 34.4956 10.8855 34.5889C10.8572 34.8242 10.8166 35.0652 10.7954 35.2965C10.5867 37.5794 10.7188 39.6699 11.2907 41.4839C11.8625 43.2979 12.9272 44.8734 14.5259 45.7965C16.1246 46.7195 18.0203 46.8546 19.8772 46.4429C21.7341 46.0311 23.6099 45.0991 25.4826 43.7769C25.6722 43.643 25.8623 43.4879 26.0518 43.3459C26.2413 43.4879 26.4314 43.643 26.621 43.7769C28.4937 45.0991 30.3695 46.0311 32.2264 46.4429C34.0832 46.8546 35.9789 46.7195 37.5777 45.7965C39.1764 44.8734 40.2411 43.2979 40.8129 41.4839C41.3847 39.6699 41.5169 37.5794 41.3082 35.2965C41.287 35.0652 41.2463 34.8242 41.2181 34.5889C41.4363 34.4956 41.6662 34.4099 41.8774 34.3124C43.9588 33.3517 45.7024 32.1932 46.9875 30.7909C48.2725 29.3887 49.1036 27.678 49.1036 25.832C49.1036 23.9859 48.2725 22.2752 46.9875 20.873C45.7024 19.4708 43.9588 18.3122 41.8774 17.3516C41.6662 17.2541 41.4363 17.1683 41.2181 17.075C41.2463 16.8398 41.287 16.5987 41.3082 16.3675C41.5169 14.0846 41.3847 11.994 40.8129 10.18C40.2411 8.36606 39.1764 6.79051 37.5777 5.86748C35.9789 4.94445 34.0832 4.80932 32.2264 5.22108C30.3695 5.63284 28.4937 6.56482 26.621 7.88708C26.4314 8.02095 26.2413 8.17604 26.0518 8.31802C25.8623 8.17604 25.6722 8.02095 25.4826 7.88708C23.6099 6.56482 21.7341 5.63284 19.8772 5.22108C19.413 5.11814 18.9486 5.04924 18.4847 5.01847ZM18.2692 8.29872C18.5498 8.31985 18.8481 8.36641 19.1665 8.43701C20.4108 8.71292 21.9009 9.41131 23.4726 10.5049C22.1636 11.7466 20.8753 13.1593 19.6457 14.7402C17.664 15.0147 15.7974 15.4211 14.0692 15.9333C13.9083 14.0262 14.0463 12.3857 14.4294 11.1705C14.8216 9.92649 15.4086 9.16103 16.1724 8.72001C16.7453 8.38924 17.4275 8.23535 18.2692 8.29872ZM33.8343 8.29872C34.6761 8.23535 35.3582 8.38924 35.9311 8.72001C36.695 9.16103 37.282 9.92649 37.6742 11.1705C38.0572 12.3857 38.1953 14.0262 38.0343 15.9333C36.3062 15.4211 34.4396 15.0147 32.4579 14.7402C31.2282 13.1593 29.94 11.7466 28.631 10.5049C30.2027 9.41131 31.6928 8.71292 32.9371 8.43701C33.2555 8.36641 33.5537 8.31985 33.8343 8.29872ZM26.0518 12.592C26.6305 13.1271 27.2083 13.7221 27.7852 14.3447C27.211 14.3244 26.6371 14.3061 26.0518 14.3061C25.4664 14.3061 24.8926 14.3244 24.3184 14.3447C24.8953 13.7221 25.473 13.1271 26.0518 12.592ZM26.0518 17.5992C27.6399 17.5992 29.1792 17.6926 30.6602 17.85C31.5371 19.0539 32.3874 20.3402 33.1815 21.7156C33.9756 23.0911 34.6645 24.4706 35.2686 25.832C34.6645 27.1934 33.9756 28.5729 33.1815 29.9484C32.3874 31.3237 31.5371 32.6101 30.6602 33.8139C29.1792 33.9714 27.6399 34.0648 26.0518 34.0648C24.4636 34.0648 22.9243 33.9714 21.4434 33.8139C20.5665 32.6101 19.7161 31.3237 18.9221 29.9484C18.1279 28.5729 17.4391 27.1934 16.8349 25.832C17.4391 24.4706 18.1279 23.0911 18.9221 21.7156C19.7161 20.3402 20.5665 19.0539 21.4434 17.85C22.9243 17.6926 24.4636 17.5992 26.0518 17.5992ZM16.97 18.5865C16.6653 19.0736 16.3622 19.5621 16.0695 20.069C15.7769 20.5759 15.5061 21.0828 15.2366 21.5902C14.9863 20.7804 14.7609 19.9813 14.587 19.2136C15.3395 18.98 16.1427 18.7748 16.97 18.5865ZM35.1336 18.5865C35.9608 18.7748 36.7641 18.98 37.5166 19.2136C37.3427 19.9813 37.1173 20.7804 36.867 21.5902C36.5975 21.0828 36.3267 20.5759 36.034 20.069C35.7414 19.5621 35.4382 19.0736 35.1336 18.5865ZM11.4868 20.4035C11.9076 22.1577 12.4887 23.977 13.2427 25.832C12.4887 27.687 11.9076 29.5063 11.4868 31.2605C9.7555 30.4464 8.40466 29.5045 7.54411 28.5655C6.66282 27.6038 6.29311 26.714 6.29311 25.832C6.29311 24.9499 6.66282 24.0601 7.54411 23.0984C8.40466 22.1594 9.7555 21.2175 11.4868 20.4035ZM40.6167 20.4035C42.3481 21.2175 43.6989 22.1594 44.5595 23.0984C45.4407 24.0601 45.8105 24.9499 45.8105 25.832C45.8105 26.714 45.4407 27.6038 44.5595 28.5655C43.6989 29.5045 42.3481 30.4464 40.6167 31.2605C40.1959 29.5063 39.6148 27.687 38.8608 25.832C39.6148 23.977 40.1959 22.1577 40.6167 20.4035ZM26.0518 20.8923C23.3432 20.8923 21.1121 23.1234 21.1121 25.832C21.1121 28.5406 23.3432 30.7716 26.0518 30.7716C28.7604 30.7716 30.9915 28.5406 30.9915 25.832C30.9915 23.1234 28.7604 20.8923 26.0518 20.8923ZM26.0518 24.1854C26.9807 24.1854 27.6983 24.9031 27.6983 25.832C27.6983 26.7608 26.9807 27.4785 26.0518 27.4785C25.1229 27.4785 24.4052 26.7608 24.4052 25.832C24.4052 24.9031 25.1229 24.1854 26.0518 24.1854ZM15.2366 30.0738C15.5061 30.5812 15.7769 31.088 16.0695 31.5949C16.3622 32.1018 16.6653 32.5904 16.97 33.0775C16.1427 32.8892 15.3395 32.6839 14.587 32.4504C14.7609 31.6827 14.9863 30.8835 15.2366 30.0738ZM36.867 30.0738C37.1173 30.8835 37.3427 31.6827 37.5166 32.4504C36.7641 32.6839 35.9608 32.8892 35.1336 33.0775C35.4382 32.5904 35.7414 32.1018 36.034 31.5949C36.3267 31.088 36.5975 30.5812 36.867 30.0738ZM14.0692 35.7306C15.7974 36.2428 17.664 36.6492 19.6457 36.9237C20.8753 38.5046 22.1636 39.9173 23.4726 41.1591C21.9009 42.2526 20.4108 42.951 19.1665 43.2269C17.893 43.5093 16.9363 43.385 16.1724 42.9439C15.4086 42.5029 14.8216 41.7374 14.4294 40.4934C14.0463 39.2782 13.9083 37.6377 14.0692 35.7306ZM38.0343 35.7306C38.1953 37.6377 38.0572 39.2782 37.6742 40.4934C37.282 41.7374 36.695 42.5029 35.9311 42.9439C35.1672 43.385 34.2106 43.5093 32.9371 43.2269C31.6928 42.951 30.2027 42.2526 28.631 41.1591C29.94 39.9173 31.2282 38.5046 32.4579 36.9237C34.4396 36.6492 36.3062 36.2428 38.0343 35.7306ZM24.3184 37.3193C24.8926 37.3396 25.4664 37.3579 26.0518 37.3579C26.6371 37.3579 27.211 37.3396 27.7852 37.3193C27.2083 37.9418 26.6305 38.5369 26.0518 39.072C25.473 38.5369 24.8953 37.9418 24.3184 37.3193Z" fill="currentColor"></path></svg><span class="_frameworkName_1fkyt_223">react</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _frameworkChevronDown_1fkyt_228"><path d="M23.763 9.763 16 17.525 8.237 9.763l-2.474 2.474L16 22.475l10.237-10.238-2.474-2.474Z"></path><path d="M32 32V0H0v32h32Z" style="fill:none"></path></svg></div></div></div></header><astro-slot><section><div><astro-island uid="1hvyeB" prefix="r8" component-url="/_astro/AutomatedRowGrouping.fWztwVfJ.js" component-export="AutomatedRowGrouping" renderer-url="/_astro/client.5kNSwotS.js" props="{"visibilityThreshold":[0,0.2],"darkMode":[0,true]}" ssr="" client="visible" opts="{"name":"AutomatedRowGrouping","value":true}" await-children=""><div class="automated-row-grouping-grid ag-theme-quartz-dark"><button class="button-style-none overlay-button _overlay_8ieqd_1" aria-label="Give me control"></button><svg xmlns="http://www.w3.org/2000/svg" class="logo-mark _loading_1oiud_18" width="64" height="48" viewBox="0 0 64 48"><style> .logomark .aqua { fill: #55b4c8; } .logomark .orange { fill: #ff8c00; } .logomark .red { fill: #f00; } .logomark .grey { fill: #b4bebe; } </style><rect class="aqua right-1" x="51" y="10" width="7" height="8"></rect><path class="aqua right-1" d="M58,10l-17,0l-8,8l25,0l0,-8Z"></path><rect class="orange right-2" x="36" y="22" width="7" height="8"></rect><path class="orange right-2" d="M43,30l0,-7.995l-14,-0l-8.008,7.995l22.008,0Z"></path><rect class="red right-3" x="24" y="34" width="7" height="8"></rect><path class="red right-3" d="M13,38.01l4,-4.01l14,0l0,8l-18,0l0,-3.99Z"></path><rect class="grey left-1" x="11" y="6" width="7" height="8"></rect><path class="grey left-1" d="M41,10l-4,4l-26,0l0,-8l30,0l0,4Z"></path><rect class="grey left-2" x="16" y="18" width="7" height="8"></rect><path class="grey left-2" d="M16,26l9,0l8,-8l-17,-0l0,8Z"></path><rect class="grey left-3" x="6" y="30" width="7" height="8"></rect><path class="grey left-3" d="M6,37.988l7,0.012l7.992,-8l-14.992,-0.047l-0,8.035Z"></path></svg></div><footer class="_sectionFooter_7y5jf_66"><div class="_exploreButtonOuter_7y5jf_91 text-lg"><span class="text-secondary">Live example:</span><span class="_buttonOuter_1wqs1_1"><button class="_button_1wqs1_1 text-lg _isActive_1wqs1_25"><span class="_controlInner_1wqs1_29">Give me control <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M14.557 18a8 8 0 0 0 8-8 8 8 0 1 0-16 0 8 8 0 0 0 8 8Z" style="fill-opacity:0.3;fill-rule:nonzero"></path><path d="m13.992 8.597-.018 16.476 3.611-3.332 2.698 6.116 3.688-1.474-2.561-5.809 5.122-.002-12.54-11.975Z" style="fill-rule:nonzero"></path></svg> </span><span class="_replayInner_1wqs1_36">Replay demo <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M3 15.987c0-.516.031-1.025.09-1.526.562-4.751 3.69-8.721 7.958-10.483A12.835 12.835 0 0 1 16 2.987c3.863 0 7.532 1.721 10 4.693V4h2v8h-8v-2h5.22a11.01 11.01 0 0 0-8.178-4.951l-.058-.006a11.422 11.422 0 0 0-1.899-.005C9.498 5.506 5.041 10.229 5 15.921V16c0 6.071 4.929 11 11 11s11-4.929 11-11h2c0 7.175-5.825 13-13 13S3 23.175 3 16v-.013Z"></path><path d="M12 10v12h2l8-6-8-6h-2Z"></path></svg> </span></button></span></div><div class="text-lg _slider_1ead6_1"><label for="update-speed-slider"><span class="text-secondary">Update speed:</span> <span>1x</span></label><input type="range" id="update-speed-slider" name="update-speed-slider" min="0" max="4" step="0.1" disabled="" value="1"/></div></footer></astro-island></div></section></astro-slot></div></astro-island><astro-island uid="Z2mkf1g" prefix="r22" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{"tag":[0,"Fully Customisable & Extendable"],"heading":[0,"Custom Themes and Components"],"subHeading":[0,"Customise your Data Grid styles with our Theming API and extend functionality with your own custom components."],"ctaTitle":[0,"Create a Custom Theme"],"ctaUrl":[0,"/theme-builder/"]}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40">Fully Customisable & Extendable</h2><h3 class="_heading_1fkyt_41">Custom Themes and Components</h3><h4 class="_subHeading_1fkyt_42">Customise your Data Grid styles with our Theming API and extend functionality with your own custom components.</h4><a href="/theme-builder/" class="_ctaButton_1fkyt_83 button-tertiary">Create a Custom Theme <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></a></header><astro-slot><astro-island uid="1lDVRN" prefix="r9" component-url="/_astro/ThemeBuilderHomepage.C8IyFQwZ.js" component-export="ThemeBuilderHomepage" renderer-url="/_astro/client.5kNSwotS.js" props="{"gridHeight":[0,261]}" ssr="" client="visible" opts="{"name":"ThemeBuilderHomepage","value":true}" await-children=""><div class="_gridColumns_9xgo9_13"><div class="_optionsColumns_9xgo9_39"><div class="_themeOptions_9xgo9_46"><div class="_label_9xgo9_24">Theme</div><div class="_buttonGroup_9xgo9_56"><div class="_buttonItem_9xgo9_194 _active_9xgo9_76"><label class="_inputLabel_9xgo9_225"><input type="radio" name="charts" checked=""/><span>Choose from AG Grid Themes</span></label><div class="_description_9xgo9_234"> Use our built-in themes Quartz, Alpine or Balham</div></div><div class="_buttonItem_9xgo9_194 "><label class="_inputLabel_9xgo9_225"><input type="radio" name="charts"/><span>Custom theme</span></label><div class="_description_9xgo9_234"> Use the Theming API or CSS variables to create your theme</div></div></div></div><div class="_spacingOptions_9xgo9_56"><div class="_label_9xgo9_24"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M21 4L18 4L18 20L21 20"></path><path d="M12 7L12 17"></path><path d="M3 4L6 4L6 20L3 20"></path></svg>Spacing</div><div class="_buttonGroup_9xgo9_56"><button class="">Tiny</button><button class="_active_9xgo9_76">Normal</button><button class="">Large</button></div></div></div><div class="_gridCodeBlock_9xgo9_98"><div style="height:261px" class="_grid_9xgo9_1 "></div><div class="_codeBlockWrapper_9xgo9_102 code-block-homepage"><div class="_windowControls_9xgo9_141"><div class="_dot_9xgo9_149"></div><div class="_dot_9xgo9_149"></div><div class="_dot_9xgo9_149"></div></div><pre class="code language-js line-numbers"><code>// Using the Theming API import { themeQuartz } from 'ag-grid-community'; const myTheme = themeQuartz.withParams({ "spacing": 8 });</code></pre></div></div></div></astro-island></astro-slot></div></astro-island><astro-island uid="Sswai" prefix="r23" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{"tag":[0,"Built-in Charting"],"headingHtml":[0,"Integrated Charts, Powered by <a href='https://www.ag-grid.com/charts/' style='font-weight: 800'>AG Charts</a>"],"subHeadingHtml":[0,"<p>Let your users visualise data with charts directly from the Grid. Powered by AG Charts: our <a href='https://www.ag-grid.com/charts/'> JavaScript Charting Library</a></p>"],"ctaTitle":[0,"Explore Integrated Charts"],"ctaUrl":[0,"./integrated-charts/"],"isFramework":[0,true],"showBackgroundGradient":[0,true]}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1 _withBackgroundGradient_1fkyt_10"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40">Built-in Charting</h2><h3 class="_heading_1fkyt_41">Integrated Charts, Powered by <a href='https://www.ag-grid.com/charts/' style='font-weight: 800'>AG Charts</a></h3><h4 class="_subHeading_1fkyt_42"><p>Let your users visualise data with charts directly from the Grid. Powered by AG Charts: our <a href='https://www.ag-grid.com/charts/'> JavaScript Charting Library</a></p></h4><div class="_CTAWithFrameworks_1fkyt_99"><a href="https://www.ag-grid.com/react-data-grid/integrated-charts" class="_ctaButton_1fkyt_83 button-tertiary">Explore Integrated Charts<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></a><div class="_inlineSelectorContainer_1fkyt_203 button-tertiary"><div class="_frameworkSelectorInline_1fkyt_212"><svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" class="_frameworkIcon_1fkyt_218"><path d="M18.4847 5.01847C17.0929 4.92618 15.7249 5.17521 14.5259 5.86748C12.9272 6.79051 11.8625 8.36605 11.2907 10.18C10.7188 11.994 10.5867 14.0846 10.7954 16.3675C10.8166 16.5987 10.8572 16.8398 10.8855 17.075C10.6672 17.1683 10.4374 17.2541 10.2262 17.3516C8.14473 18.3122 6.40112 19.4708 5.11608 20.873C3.83105 22.2752 3 23.9859 3 25.832C3 27.678 3.83105 29.3887 5.11608 30.7909C6.40112 32.1932 8.14473 33.3517 10.2262 34.3124C10.4374 34.4099 10.6672 34.4956 10.8855 34.5889C10.8572 34.8242 10.8166 35.0652 10.7954 35.2965C10.5867 37.5794 10.7188 39.6699 11.2907 41.4839C11.8625 43.2979 12.9272 44.8734 14.5259 45.7965C16.1246 46.7195 18.0203 46.8546 19.8772 46.4429C21.7341 46.0311 23.6099 45.0991 25.4826 43.7769C25.6722 43.643 25.8623 43.4879 26.0518 43.3459C26.2413 43.4879 26.4314 43.643 26.621 43.7769C28.4937 45.0991 30.3695 46.0311 32.2264 46.4429C34.0832 46.8546 35.9789 46.7195 37.5777 45.7965C39.1764 44.8734 40.2411 43.2979 40.8129 41.4839C41.3847 39.6699 41.5169 37.5794 41.3082 35.2965C41.287 35.0652 41.2463 34.8242 41.2181 34.5889C41.4363 34.4956 41.6662 34.4099 41.8774 34.3124C43.9588 33.3517 45.7024 32.1932 46.9875 30.7909C48.2725 29.3887 49.1036 27.678 49.1036 25.832C49.1036 23.9859 48.2725 22.2752 46.9875 20.873C45.7024 19.4708 43.9588 18.3122 41.8774 17.3516C41.6662 17.2541 41.4363 17.1683 41.2181 17.075C41.2463 16.8398 41.287 16.5987 41.3082 16.3675C41.5169 14.0846 41.3847 11.994 40.8129 10.18C40.2411 8.36606 39.1764 6.79051 37.5777 5.86748C35.9789 4.94445 34.0832 4.80932 32.2264 5.22108C30.3695 5.63284 28.4937 6.56482 26.621 7.88708C26.4314 8.02095 26.2413 8.17604 26.0518 8.31802C25.8623 8.17604 25.6722 8.02095 25.4826 7.88708C23.6099 6.56482 21.7341 5.63284 19.8772 5.22108C19.413 5.11814 18.9486 5.04924 18.4847 5.01847ZM18.2692 8.29872C18.5498 8.31985 18.8481 8.36641 19.1665 8.43701C20.4108 8.71292 21.9009 9.41131 23.4726 10.5049C22.1636 11.7466 20.8753 13.1593 19.6457 14.7402C17.664 15.0147 15.7974 15.4211 14.0692 15.9333C13.9083 14.0262 14.0463 12.3857 14.4294 11.1705C14.8216 9.92649 15.4086 9.16103 16.1724 8.72001C16.7453 8.38924 17.4275 8.23535 18.2692 8.29872ZM33.8343 8.29872C34.6761 8.23535 35.3582 8.38924 35.9311 8.72001C36.695 9.16103 37.282 9.92649 37.6742 11.1705C38.0572 12.3857 38.1953 14.0262 38.0343 15.9333C36.3062 15.4211 34.4396 15.0147 32.4579 14.7402C31.2282 13.1593 29.94 11.7466 28.631 10.5049C30.2027 9.41131 31.6928 8.71292 32.9371 8.43701C33.2555 8.36641 33.5537 8.31985 33.8343 8.29872ZM26.0518 12.592C26.6305 13.1271 27.2083 13.7221 27.7852 14.3447C27.211 14.3244 26.6371 14.3061 26.0518 14.3061C25.4664 14.3061 24.8926 14.3244 24.3184 14.3447C24.8953 13.7221 25.473 13.1271 26.0518 12.592ZM26.0518 17.5992C27.6399 17.5992 29.1792 17.6926 30.6602 17.85C31.5371 19.0539 32.3874 20.3402 33.1815 21.7156C33.9756 23.0911 34.6645 24.4706 35.2686 25.832C34.6645 27.1934 33.9756 28.5729 33.1815 29.9484C32.3874 31.3237 31.5371 32.6101 30.6602 33.8139C29.1792 33.9714 27.6399 34.0648 26.0518 34.0648C24.4636 34.0648 22.9243 33.9714 21.4434 33.8139C20.5665 32.6101 19.7161 31.3237 18.9221 29.9484C18.1279 28.5729 17.4391 27.1934 16.8349 25.832C17.4391 24.4706 18.1279 23.0911 18.9221 21.7156C19.7161 20.3402 20.5665 19.0539 21.4434 17.85C22.9243 17.6926 24.4636 17.5992 26.0518 17.5992ZM16.97 18.5865C16.6653 19.0736 16.3622 19.5621 16.0695 20.069C15.7769 20.5759 15.5061 21.0828 15.2366 21.5902C14.9863 20.7804 14.7609 19.9813 14.587 19.2136C15.3395 18.98 16.1427 18.7748 16.97 18.5865ZM35.1336 18.5865C35.9608 18.7748 36.7641 18.98 37.5166 19.2136C37.3427 19.9813 37.1173 20.7804 36.867 21.5902C36.5975 21.0828 36.3267 20.5759 36.034 20.069C35.7414 19.5621 35.4382 19.0736 35.1336 18.5865ZM11.4868 20.4035C11.9076 22.1577 12.4887 23.977 13.2427 25.832C12.4887 27.687 11.9076 29.5063 11.4868 31.2605C9.7555 30.4464 8.40466 29.5045 7.54411 28.5655C6.66282 27.6038 6.29311 26.714 6.29311 25.832C6.29311 24.9499 6.66282 24.0601 7.54411 23.0984C8.40466 22.1594 9.7555 21.2175 11.4868 20.4035ZM40.6167 20.4035C42.3481 21.2175 43.6989 22.1594 44.5595 23.0984C45.4407 24.0601 45.8105 24.9499 45.8105 25.832C45.8105 26.714 45.4407 27.6038 44.5595 28.5655C43.6989 29.5045 42.3481 30.4464 40.6167 31.2605C40.1959 29.5063 39.6148 27.687 38.8608 25.832C39.6148 23.977 40.1959 22.1577 40.6167 20.4035ZM26.0518 20.8923C23.3432 20.8923 21.1121 23.1234 21.1121 25.832C21.1121 28.5406 23.3432 30.7716 26.0518 30.7716C28.7604 30.7716 30.9915 28.5406 30.9915 25.832C30.9915 23.1234 28.7604 20.8923 26.0518 20.8923ZM26.0518 24.1854C26.9807 24.1854 27.6983 24.9031 27.6983 25.832C27.6983 26.7608 26.9807 27.4785 26.0518 27.4785C25.1229 27.4785 24.4052 26.7608 24.4052 25.832C24.4052 24.9031 25.1229 24.1854 26.0518 24.1854ZM15.2366 30.0738C15.5061 30.5812 15.7769 31.088 16.0695 31.5949C16.3622 32.1018 16.6653 32.5904 16.97 33.0775C16.1427 32.8892 15.3395 32.6839 14.587 32.4504C14.7609 31.6827 14.9863 30.8835 15.2366 30.0738ZM36.867 30.0738C37.1173 30.8835 37.3427 31.6827 37.5166 32.4504C36.7641 32.6839 35.9608 32.8892 35.1336 33.0775C35.4382 32.5904 35.7414 32.1018 36.034 31.5949C36.3267 31.088 36.5975 30.5812 36.867 30.0738ZM14.0692 35.7306C15.7974 36.2428 17.664 36.6492 19.6457 36.9237C20.8753 38.5046 22.1636 39.9173 23.4726 41.1591C21.9009 42.2526 20.4108 42.951 19.1665 43.2269C17.893 43.5093 16.9363 43.385 16.1724 42.9439C15.4086 42.5029 14.8216 41.7374 14.4294 40.4934C14.0463 39.2782 13.9083 37.6377 14.0692 35.7306ZM38.0343 35.7306C38.1953 37.6377 38.0572 39.2782 37.6742 40.4934C37.282 41.7374 36.695 42.5029 35.9311 42.9439C35.1672 43.385 34.2106 43.5093 32.9371 43.2269C31.6928 42.951 30.2027 42.2526 28.631 41.1591C29.94 39.9173 31.2282 38.5046 32.4579 36.9237C34.4396 36.6492 36.3062 36.2428 38.0343 35.7306ZM24.3184 37.3193C24.8926 37.3396 25.4664 37.3579 26.0518 37.3579C26.6371 37.3579 27.211 37.3396 27.7852 37.3193C27.2083 37.9418 26.6305 38.5369 26.0518 39.072C25.473 38.5369 24.8953 37.9418 24.3184 37.3193Z" fill="currentColor"></path></svg><span class="_frameworkName_1fkyt_223">react</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _frameworkChevronDown_1fkyt_228"><path d="M23.763 9.763 16 17.525 8.237 9.763l-2.474 2.474L16 22.475l10.237-10.238-2.474-2.474Z"></path><path d="M32 32V0H0v32h32Z" style="fill:none"></path></svg></div></div></div></header><astro-slot><section><div><astro-island uid="Z1nCUXL" prefix="r10" component-url="/_astro/AutomatedIntegratedCharts.B79oThIp.js" component-export="AutomatedIntegratedCharts" renderer-url="/_astro/client.5kNSwotS.js" props="{"visibilityThreshold":[0,0.8]}" ssr="" client="visible" opts="{"name":"AutomatedIntegratedCharts","value":true}" await-children=""><div class="_automatedExampleWrapper_1b7ny_9"><svg xmlns="http://www.w3.org/2000/svg" class="logo-mark _loading_1oiud_18" width="64" height="48" viewBox="0 0 64 48"><style> .logomark .aqua { fill: #55b4c8; } .logomark .orange { fill: #ff8c00; } .logomark .red { fill: #f00; } .logomark .grey { fill: #b4bebe; } </style><rect class="aqua right-1" x="51" y="10" width="7" height="8"></rect><path class="aqua right-1" d="M58,10l-17,0l-8,8l25,0l0,-8Z"></path><rect class="orange right-2" x="36" y="22" width="7" height="8"></rect><path class="orange right-2" d="M43,30l0,-7.995l-14,-0l-8.008,7.995l22.008,0Z"></path><rect class="red right-3" x="24" y="34" width="7" height="8"></rect><path class="red right-3" d="M13,38.01l4,-4.01l14,0l0,8l-18,0l0,-3.99Z"></path><rect class="grey left-1" x="11" y="6" width="7" height="8"></rect><path class="grey left-1" d="M41,10l-4,4l-26,0l0,-8l30,0l0,4Z"></path><rect class="grey left-2" x="16" y="18" width="7" height="8"></rect><path class="grey left-2" d="M16,26l9,0l8,-8l-17,-0l0,8Z"></path><rect class="grey left-3" x="6" y="30" width="7" height="8"></rect><path class="grey left-3" d="M6,37.988l7,0.012l7.992,-8l-14.992,-0.047l-0,8.035Z"></path></svg></div><footer class="_sectionFooter_1b7ny_99"><div class="text-lg"><span class="text-secondary">Live example:</span><span class="_buttonOuter_1wqs1_1"><button class="_button_1wqs1_1 text-lg _isActive_1wqs1_25"><span class="_controlInner_1wqs1_29">Give me control <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M14.557 18a8 8 0 0 0 8-8 8 8 0 1 0-16 0 8 8 0 0 0 8 8Z" style="fill-opacity:0.3;fill-rule:nonzero"></path><path d="m13.992 8.597-.018 16.476 3.611-3.332 2.698 6.116 3.688-1.474-2.561-5.809 5.122-.002-12.54-11.975Z" style="fill-rule:nonzero"></path></svg> </span><span class="_replayInner_1wqs1_36">Replay demo <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M3 15.987c0-.516.031-1.025.09-1.526.562-4.751 3.69-8.721 7.958-10.483A12.835 12.835 0 0 1 16 2.987c3.863 0 7.532 1.721 10 4.693V4h2v8h-8v-2h5.22a11.01 11.01 0 0 0-8.178-4.951l-.058-.006a11.422 11.422 0 0 0-1.899-.005C9.498 5.506 5.041 10.229 5 15.921V16c0 6.071 4.929 11 11 11s11-4.929 11-11h2c0 7.175-5.825 13-13 13S3 23.175 3 16v-.013Z"></path><path d="M12 10v12h2l8-6-8-6h-2Z"></path></svg> </span></button></span></div></footer></astro-island></div></section></astro-slot></div></astro-island><astro-island uid="1wkbDG" prefix="r24" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{"tag":[0,"Unlimited Use-cases"],"heading":[0,"Trusted By Developers Everywhere"],"subHeading":[0,"AG Grid can be found in almost every industry, from Finance and AI, to Databases and Aerospace:"],"ctaTitle":[0,"Browse Our Showcase"],"ctaUrl":[0,"/community/showcase/"]}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40">Unlimited Use-cases</h2><h3 class="_heading_1fkyt_41">Trusted By Developers Everywhere</h3><h4 class="_subHeading_1fkyt_42">AG Grid can be found in almost every industry, from Finance and AI, to Databases and Aerospace:</h4><a href="/community/showcase/" class="_ctaButton_1fkyt_83 button-tertiary">Browse Our Showcase <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></a></header><astro-slot><astro-island uid="Z1x5PGs" prefix="r11" component-url="/_astro/Showcase.Bn3qK_J5.js" component-export="default" renderer-url="/_astro/client.5kNSwotS.js" props="{}" ssr="" client="load" opts="{"name":"Showcase","value":true}" await-children=""><div class="_showcaseContainer_hgd35_1"><div class="_showcaseGridItem_hgd35_14"><div class="_showcaseIconWrapper_hgd35_73"><span class="_showcaseIcon_hgd35_73"><svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.3125 23.625H1.6875V25.3125H25.3125V23.625Z" fill="currentColor"></path><path d="M22.7812 9.28138C23.005 9.28138 23.2196 9.19248 23.3779 9.03425C23.5361 8.87602 23.625 8.66141 23.625 8.43763V5.90638C23.6249 5.73298 23.5714 5.56381 23.4718 5.42189C23.3721 5.27998 23.2312 5.17221 23.0681 5.11325L13.7869 1.73825C13.6015 1.67123 13.3985 1.67123 13.2131 1.73825L3.93187 5.11325C3.7688 5.17221 3.62786 5.27998 3.52821 5.42189C3.42857 5.56381 3.37507 5.73298 3.375 5.90638V8.43763C3.375 8.66141 3.46389 8.87602 3.62213 9.03425C3.78036 9.19248 3.99497 9.28138 4.21875 9.28138H5.0625V20.2501H3.375V21.9376H23.625V20.2501H21.9375V9.28138H22.7812ZM5.0625 6.497L13.5 3.42575L21.9375 6.497V7.59388H5.0625V6.497ZM15.1875 20.2501H11.8125V9.28138H15.1875V20.2501ZM6.75 9.28138H10.125V20.2501H6.75V9.28138ZM20.25 20.2501H16.875V9.28138H20.25V20.2501Z" fill="currentColor"></path></svg></span><span class="_showcaseLogo_hgd35_79"><svg xmlns="http://www.w3.org/2000/svg" width="119" height="48" viewBox="0 333.094 612 175.812"><path fill="currentColor" d="M62.393 336.225H50.41v58.776c0 22.075-7.771 28.714-27.472 28.714C6.423 423.662 0 417.293 0 409.035c0-1.89.701-7.988 6.746-7.988 5.991 0 6.369 4.048 6.369 10.633 0 2.752 1.134 8.149 8.204 8.149 11.227 0 16.246-5.127 16.246-23.262v-60.342h-11.55v-3.131h36.378v3.131zm2.429 73.457c-1.997 0-3.724.647-5.073 2.051-1.403 1.403-2.105 3.076-2.105 5.073s.702 3.67 2.105 4.966c1.403 1.403 3.076 2.051 5.073 2.051s3.67-.647 5.128-2.051c1.403-1.296 2.104-2.969 2.104-4.966 0-2.051-.701-3.67-2.104-5.073s-3.078-2.051-5.128-2.051m77.991 0c-1.997 0-3.67.647-5.073 2.051s-2.052 3.076-2.052 5.073.648 3.67 2.052 4.966c1.457 1.403 3.13 2.051 5.073 2.051 1.997 0 3.724-.647 5.127-2.051 1.403-1.296 2.105-2.969 2.105-4.966 0-2.051-.702-3.67-2.105-5.073s-3.13-2.051-5.127-2.051m-22.615-76.588c27.904 0 32.654 10.524 32.654 25.529 0 14.843-7.719 25.691-35.299 25.691l-9.499.054v22.398c0 2.753.324 4.103.972 5.613.701 1.781 2.213 3.131 4.479 4.048 1.619.594 4.103.918 7.341 1.025v3.995H82.525v-3.995c3.238-.107 5.667-.432 7.286-1.133 2.159-.918 3.616-2.267 4.265-4.048.593-1.565.917-1.835.917-7.232v-68.815H84.522v-3.077l35.676-.053m-4.912 47.821c16.84 0 25.205-7.286 25.205-21.535 0-14.195-4.642-22.885-25.907-22.885l-6.584.107v44.366h7.286m147.131 31.089c-.486-1.565-.756-3.509-.756-5.991v-69.841h9.229v-3.131h-22.507c-.271.81-27.095 67.521-27.095 67.521a.733.733 0 0 1-.594.378c-.324 0-.54-.162-.647-.378 0 0-28.498-66.711-28.821-67.521h-24.99v3.076H176.6v67.143s-.216 6.207-.216 6.261c-.162 1.619-.702 3.077-1.512 4.264-.863 1.242-2.213 2.213-3.994 2.861-1.188.378-2.968.647-5.127.701v3.994h25.421V417.4c-2.104-.107-3.022-.323-4.264-.701-1.835-.594-3.185-1.512-4.102-2.807-.81-1.188-1.35-2.645-1.512-4.372 0 0-.27-6.207-.27-6.261v-57.806h1.457s32.168 75.131 32.546 75.995h2.698l30.495-75.131h.756v59.748c0 2.591-.271 4.642-.756 6.207-.594 1.835-1.889 3.185-3.778 4.102-1.403.647-3.508.972-6.314 1.079v3.995h34.759v-3.995c-2.807-.161-4.966-.485-6.423-1.133-2.158-1.024-3.454-2.428-4.047-4.263m46.74-55.322c17.163 0 29.9 11.712 29.9 33.193 0 27.58-19.861 34.11-30.278 34.11-5.289 0-29.739-2.051-29.739-33.517-.053-21.48 11.605-33.786 30.117-33.786m-.215 63.418c12.468 0 16.3-7.772 16.3-30.387 0-15.706-.055-29.092-16.3-29.092-15.005 0-16.084 12.954-16.084 30.225 0 22.291 2.104 29.254 16.084 29.254m78.638-62.447c-11.064 0-14.896 6.531-17.974 13.224 0 0-.81-.054-.863-.054-.054.054-2.213-12.63-2.213-12.63h-21.05v3.347h11.551V405.095c0 4.317-.216 7.664-1.35 9.499-1.295 2.105-3.94 2.915-8.366 2.915h-1.889v3.994h36v-3.994h-1.943c-4.695 0-7.124-1.025-8.365-3.077-1.134-1.78-1.673-4.857-1.673-9.337v-22.561c0-7.61 6.099-16.354 13.007-16.354 7.232 0 7.448 10.363 15.221 6.64 5.505-2.592 4.264-15.114-10.093-15.114m143.298 57.265c2.267 0 5.02-2.375 5.613-6.854h2.159c-.594 10.255-5.613 14.357-13.979 14.357-7.448 0-11.55-5.29-12.252-9.662-4.371 4.642-10.849 10.472-21.104 10.472-9.229 0-16.407-7.125-16.839-15.221-1.241-20.726 26.015-22.938 37.511-23.964V373.52c0-3.832-.863-6.908-2.536-9.229-1.781-2.429-4.966-3.616-9.5-3.616-3.886 0-6.746.972-8.581 2.86-1.728 1.835-2.483 3.832-3.022 7.287-.756 4.695-2.753 6.53-6.315 6.53-1.565 0-2.807-.432-3.939-1.403-1.08-.917-1.619-2.267-1.619-4.21 0-4.156 1.619-7.017 5.721-10.146 4.21-3.238 10.795-4.857 19.7-4.857 9.283 0 15.706 1.727 18.998 5.073 3.347 3.346 4.265 7.232 4.265 12.899v26.446l.216 8.097c.43 3.616 1.617 5.72 5.503 5.72m-18.837-26.986c-8.852 0-24.936 5.883-24.936 17.649 0 3.67 1.296 11.01 10.147 11.01 3.454 0 8.149-1.997 14.303-7.609l.27-.271c.216-.162.216-.27.216-.485v-20.294zm92.349 26.609c-1.565-1.942-1.89-6.207-1.89-9.445v-28.605c0-4.156-.539-7.664-2.104-10.579-1.565-2.807-3.778-4.965-6.531-6.368-2.807-1.403-5.99-2.105-9.499-2.105-12.63 0-18.135 7.287-20.617 12.198h-.972l-2.213-11.442h-19.593v3.292h9.823v43.557c0 3.347-.27 5.775-.756 7.395-.539 1.942-1.78 3.238-3.616 4.048-1.187.485-3.022.81-5.396.917v3.995h31.088v-3.995c-3.13-.27-5.235-1.079-6.368-2.698-1.242-1.728-1.781-4.642-1.781-8.96v-16.677c0-6.963-.055-13.71 2.32-17.92 2.591-4.533 7.286-7.07 12.521-7.07 4.75 0 7.287 1.512 8.798 4.534 1.674 3.4 2.051 9.715 2.051 14.734v20.672c0 3.454-.107 5.937-.323 7.556-.378 1.89-.81 3.455-2.321 4.426-1.079.756-2.752 1.242-4.965 1.403v3.94H612V417.4c-3.832-.162-6.099-.809-7.61-2.806m-140.546-60.396c3.4-1.079 6.207-.27 7.124 3.563.432 1.835.055 4.048-1.025 5.99-1.025 1.943-2.807 3.347-5.613 4.21-2.429.81-5.02.81-7.88.162 1.35 2.915 2.482 7.017 2.482 11.82 0 16.731-12.791 21.751-26.446 23.856-13.925 2.158-17.487 3.832-17.487 8.203 0 2.969 1.835 4.696 11.496 4.696 19.97.972 28.876-.162 35.137 8.42 1.942 2.752 2.914 6.423 2.914 11.011 0 3.346-.863 6.854-2.752 10.255-1.781 3.399-5.128 6.368-9.932 8.797s-11.496 3.725-19.7 3.725c-6.207 0-10.687-.486-17.487-2.537-4.426-1.295-10.255-4.857-10.255-12.359 0-2.268.378-4.156 1.403-5.775 1.134-1.728 3.454-2.753 5.397-2.429 3.454.594 4.479 3.724 3.886 6.692-.701 2.915-.054 7.017 3.293 9.067 4.533 2.807 9.499 3.454 15.598 3.454 7.125 0 12.846-1.241 17.056-3.562 4.534-2.537 6.747-5.938 6.747-10.147 0-3.076-1.08-5.451-3.185-7.07-1.997-1.457-4.75-2.429-8.15-2.86-3.185-.378-8.096-.647-14.95-.702-7.88-.161-14.141-1.079-18.621-2.914-4.048-1.673-7.178-4.642-7.178-10.147 0-9.121 8.527-11.928 18.135-13.871.594-.107.594-.917-.108-1.025-11.28-2.375-16.407-8.852-16.407-22.129 0-11.388 7.718-23.855 25.259-23.855 10.849 0 17.056 3.67 20.294 6.639.972.755 3.185.701 4.48.323 1.295-.432 2.267-1.889 2.752-4.479.647-2.809 1.833-4.428 3.723-5.022m-30.927 46.039c7.664 0 13.17-2.321 13.17-19.862 0-12.252-2.969-20.24-13.17-20.24-8.743 0-12.846 8.744-12.846 20.456-.053 16.677 4.642 19.646 12.846 19.646"></path></svg></span></div><h3 class="_showcaseTitle_hgd35_105">Finance<span></span></h3><p class="_showcaseDescription_hgd35_111">Salt is J.P. Morgan's open-source design system for financial services and other industries, which uses AG Grid for its Data Grid component.</p><div class="_showcaseLinksWrapper_hgd35_118"><a href="https://www.saltdesignsystem.com/salt/index" target="_blank" rel="noopener noreferrer">Visit J.P. Morgan</a></div></div><div class="_showcaseGridItem_hgd35_14"><div class="_showcaseIconWrapper_hgd35_73"><span class="_showcaseIcon_hgd35_73"><svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_45_199)"><path d="M13.5 16.875C12.8325 16.875 12.18 16.6771 11.625 16.3062C11.0699 15.9354 10.6374 15.4083 10.3819 14.7916C10.1265 14.1749 10.0596 13.4963 10.1899 12.8416C10.3201 12.1869 10.6415 11.5855 11.1135 11.1135C11.5855 10.6415 12.1869 10.3201 12.8416 10.1899C13.4963 10.0596 14.1749 10.1265 14.7916 10.3819C15.4083 10.6374 15.9354 11.0699 16.3062 11.625C16.6771 12.18 16.875 12.8325 16.875 13.5C16.874 14.3948 16.5181 15.2527 15.8854 15.8854C15.2527 16.5181 14.3948 16.874 13.5 16.875ZM13.5 11.8125C13.1662 11.8125 12.84 11.9115 12.5625 12.0969C12.285 12.2823 12.0687 12.5459 11.941 12.8542C11.8132 13.1626 11.7798 13.5019 11.8449 13.8292C11.91 14.1566 12.0708 14.4572 12.3068 14.6932C12.5428 14.9292 12.8434 15.09 13.1708 15.1551C13.4981 15.2202 13.8374 15.1868 14.1458 15.059C14.4541 14.9313 14.7177 14.715 14.9031 14.4375C15.0885 14.16 15.1875 13.8338 15.1875 13.5C15.187 13.0526 15.0091 12.6236 14.6927 12.3073C14.3764 11.9909 13.9474 11.813 13.5 11.8125Z" fill="currentColor"></path><path d="M4.21875 16.875C3.55124 16.875 2.89872 16.6771 2.3437 16.3062C1.78869 15.9354 1.3561 15.4083 1.10066 14.7916C0.845212 14.1749 0.778376 13.4963 0.908601 12.8416C1.03883 12.1869 1.36026 11.5855 1.83227 11.1135C2.30427 10.6415 2.90564 10.3201 3.56032 10.1899C4.21501 10.0596 4.89361 10.1265 5.51031 10.3819C6.12701 10.6374 6.65411 11.0699 7.02496 11.625C7.39581 12.18 7.59375 12.8325 7.59375 13.5C7.59275 14.3948 7.23684 15.2527 6.60413 15.8854C5.97141 16.5181 5.11355 16.874 4.21875 16.875ZM4.21875 11.8125C3.885 11.8125 3.55873 11.9115 3.28123 12.0969C3.00372 12.2823 2.78743 12.5459 2.6597 12.8542C2.53198 13.1626 2.49856 13.5019 2.56368 13.8292C2.62879 14.1566 2.78951 14.4572 3.02551 14.6932C3.26151 14.9292 3.56219 15.09 3.88954 15.1551C4.21688 15.2202 4.55618 15.1868 4.86453 15.059C5.17288 14.9313 5.43643 14.715 5.62186 14.4375C5.80728 14.16 5.90625 13.8338 5.90625 13.5C5.90574 13.0526 5.72778 12.6237 5.41143 12.3073C5.09507 11.991 4.66615 11.813 4.21875 11.8125Z" fill="currentColor"></path><path d="M8.4375 26.1563C7.76999 26.1563 7.11747 25.9583 6.56245 25.5875C6.00744 25.2166 5.57485 24.6895 5.31941 24.0728C5.06396 23.4561 4.99713 22.7775 5.12735 22.1228C5.25758 21.4681 5.57901 20.8668 6.05102 20.3948C6.52302 19.9228 7.12439 19.6013 7.77907 19.4711C8.43376 19.3409 9.11236 19.4077 9.72906 19.6632C10.3458 19.9186 10.8729 20.3512 11.2437 20.9062C11.6146 21.4612 11.8125 22.1137 11.8125 22.7813C11.8115 23.676 11.4556 24.5339 10.8229 25.1666C10.1902 25.7993 9.3323 26.1552 8.4375 26.1563ZM8.4375 21.0938C8.10375 21.0938 7.77748 21.1927 7.49998 21.3781C7.22247 21.5636 7.00618 21.8271 6.87845 22.1355C6.75073 22.4438 6.71731 22.7831 6.78243 23.1105C6.84754 23.4378 7.00826 23.7385 7.24426 23.9745C7.48026 24.2105 7.78094 24.3712 8.10829 24.4363C8.43563 24.5014 8.77493 24.468 9.08328 24.3403C9.39163 24.2126 9.65518 23.9963 9.84061 23.7188C10.026 23.4413 10.125 23.115 10.125 22.7813C10.1245 22.3338 9.94659 21.9049 9.63023 21.5885C9.31386 21.2722 8.88491 21.0942 8.4375 21.0938Z" fill="currentColor"></path><path d="M18.5625 26.1563C17.895 26.1563 17.2425 25.9583 16.6875 25.5875C16.1324 25.2166 15.6999 24.6895 15.4444 24.0728C15.189 23.4561 15.1221 22.7775 15.2524 22.1228C15.3826 21.4681 15.704 20.8668 16.176 20.3948C16.648 19.9228 17.2494 19.6013 17.9041 19.4711C18.5588 19.3409 19.2374 19.4077 19.8541 19.6632C20.4708 19.9186 20.9979 20.3512 21.3687 20.9062C21.7396 21.4612 21.9375 22.1137 21.9375 22.7813C21.9365 23.676 21.5806 24.5339 20.9479 25.1666C20.3152 25.7993 19.4573 26.1552 18.5625 26.1563ZM18.5625 21.0938C18.2287 21.0938 17.9025 21.1927 17.625 21.3781C17.3475 21.5636 17.1312 21.8271 17.0035 22.1355C16.8757 22.4438 16.8423 22.7831 16.9074 23.1105C16.9725 23.4378 17.1333 23.7385 17.3693 23.9745C17.6053 24.2105 17.9059 24.3712 18.2333 24.4363C18.5606 24.5014 18.8999 24.468 19.2083 24.3403C19.5166 24.2126 19.7802 23.9963 19.9656 23.7188C20.151 23.4413 20.25 23.115 20.25 22.7813C20.2495 22.3338 20.0716 21.9049 19.7552 21.5885C19.4389 21.2722 19.0099 21.0942 18.5625 21.0938Z" fill="currentColor"></path><path d="M22.7813 16.875C22.1137 16.875 21.4612 16.6771 20.9062 16.3062C20.3512 15.9354 19.9186 15.4083 19.6632 14.7916C19.4077 14.1749 19.3409 13.4963 19.4711 12.8416C19.6013 12.1869 19.9228 11.5855 20.3948 11.1135C20.8668 10.6415 21.4681 10.3201 22.1228 10.1899C22.7775 10.0596 23.4561 10.1265 24.0728 10.3819C24.6895 10.6374 25.2166 11.0699 25.5875 11.625C25.9583 12.18 26.1563 12.8325 26.1563 13.5C26.1552 14.3948 25.7993 15.2527 25.1666 15.8854C24.5339 16.5181 23.676 16.874 22.7813 16.875ZM22.7813 11.8125C22.4475 11.8125 22.1212 11.9115 21.8437 12.0969C21.5662 12.2823 21.3499 12.5459 21.2222 12.8542C21.0945 13.1626 21.0611 13.5019 21.1262 13.8292C21.1913 14.1566 21.352 14.4572 21.588 14.6932C21.824 14.9292 22.1247 15.09 22.452 15.1551C22.7794 15.2202 23.1187 15.1868 23.427 15.059C23.7354 14.9313 23.9989 14.715 24.1844 14.4375C24.3698 14.16 24.4688 13.8338 24.4688 13.5C24.4683 13.0526 24.2903 12.6236 23.974 12.3073C23.6576 11.9909 23.2287 11.813 22.7813 11.8125Z" fill="currentColor"></path><path d="M18.5625 7.59375C17.895 7.59375 17.2425 7.39581 16.6875 7.02496C16.1324 6.65411 15.6999 6.12701 15.4444 5.51031C15.189 4.89361 15.1221 4.21501 15.2524 3.56032C15.3826 2.90564 15.704 2.30427 16.176 1.83227C16.648 1.36026 17.2494 1.03883 17.9041 0.908601C18.5588 0.778376 19.2374 0.845212 19.8541 1.10066C20.4708 1.3561 20.9979 1.78869 21.3687 2.3437C21.7396 2.89872 21.9375 3.55124 21.9375 4.21875C21.9365 5.11355 21.5806 5.97141 20.9479 6.60413C20.3152 7.23684 19.4573 7.59275 18.5625 7.59375ZM18.5625 2.53125C18.2287 2.53125 17.9025 2.63022 17.625 2.81565C17.3475 3.00107 17.1312 3.26462 17.0035 3.57297C16.8757 3.88132 16.8423 4.22062 16.9074 4.54797C16.9725 4.87531 17.1333 5.17599 17.3693 5.41199C17.6053 5.648 17.9059 5.80871 18.2333 5.87383C18.5606 5.93894 18.8999 5.90552 19.2083 5.7778C19.5166 5.65008 19.7802 5.43378 19.9656 5.15628C20.151 4.87877 20.25 4.55251 20.25 4.21875C20.2495 3.77134 20.0716 3.34239 19.7552 3.02603C19.4389 2.70966 19.0099 2.53172 18.5625 2.53125Z" fill="currentColor"></path><path d="M8.4375 7.59375C7.76999 7.59375 7.11747 7.39581 6.56245 7.02496C6.00744 6.65411 5.57485 6.12701 5.31941 5.51031C5.06396 4.89361 4.99713 4.21501 5.12735 3.56032C5.25758 2.90564 5.57901 2.30427 6.05102 1.83227C6.52302 1.36026 7.12439 1.03883 7.77907 0.908601C8.43376 0.778376 9.11236 0.845212 9.72906 1.10066C10.3458 1.3561 10.8729 1.78869 11.2437 2.3437C11.6146 2.89872 11.8125 3.55124 11.8125 4.21875C11.8115 5.11355 11.4556 5.97141 10.8229 6.60413C10.1902 7.23684 9.3323 7.59275 8.4375 7.59375ZM8.4375 2.53125C8.10375 2.53125 7.77748 2.63022 7.49998 2.81565C7.22247 3.00107 7.00618 3.26462 6.87845 3.57297C6.75073 3.88132 6.71731 4.22062 6.78243 4.54797C6.84754 4.87531 7.00826 5.17599 7.24426 5.41199C7.48026 5.648 7.78094 5.80871 8.10829 5.87383C8.43563 5.93894 8.77493 5.90552 9.08328 5.7778C9.39163 5.65008 9.65518 5.43378 9.84061 5.15628C10.026 4.87877 10.125 4.55251 10.125 4.21875C10.1245 3.77134 9.94659 3.34239 9.63023 3.02603C9.31386 2.70966 8.88491 2.53172 8.4375 2.53125Z" fill="currentColor"></path></g><defs></defs></svg></span><span class="_showcaseLogo_hgd35_79"><svg width="151" height="33" viewBox="0 0 151 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M53.447 18.931L52.553 21.4612H52.4785C52.3295 20.8907 52.0563 20.0225 51.6093 18.9806L46.8162 6.94961H42.1225V26.1248H45.2268V14.2922C45.2268 13.5481 45.2268 12.7047 45.202 11.6628C45.1771 11.1419 45.1275 10.745 45.1026 10.4473H45.1772C45.3262 11.1915 45.5 11.7372 45.6242 12.0845L51.3858 26.0752H53.5712L59.2831 11.9605C59.4073 11.638 59.5315 10.993 59.6556 10.4473H59.7301C59.6556 11.8612 59.606 13.1264 59.5811 13.8953V26.0504H62.8841V6.9H58.3642L53.447 18.931ZM66.0132 12.3078H69.2417V26.0504H66.0132V12.3078ZM67.6523 6.5031C67.106 6.5031 66.6589 6.70155 66.2864 7.04884C65.9139 7.39612 65.7152 7.84264 65.7152 8.38837C65.7152 8.9093 65.9139 9.35581 66.2864 9.7031C66.6589 10.0504 67.106 10.224 67.6523 10.224C68.1987 10.224 68.6705 10.0256 69.0182 9.7031C69.3907 9.35581 69.5894 8.9093 69.5894 8.38837C69.5894 7.86744 69.3907 7.42093 69.0182 7.04884C68.6954 6.70155 68.2235 6.5031 67.6523 6.5031ZM80.6904 12.1837C80.0944 12.0597 79.4735 11.9853 78.8775 11.9853C77.4123 11.9853 76.0712 12.3078 74.9536 12.9527C73.8361 13.5977 72.942 14.4907 72.3709 15.607C71.7748 16.7481 71.4768 18.0628 71.4768 19.576C71.4768 20.8907 71.7748 22.0566 72.346 23.1233C72.9172 24.1651 73.7119 25.0085 74.7798 25.5791C75.798 26.1496 76.9901 26.4473 78.3311 26.4473C79.8709 26.4473 81.1871 26.1248 82.2301 25.5295L82.255 25.5047V22.5279L82.1308 22.6271C81.6589 22.9744 81.1126 23.2721 80.5662 23.4457C79.995 23.6442 79.4735 23.7434 79.0265 23.7434C77.7351 23.7434 76.7169 23.3713 75.9967 22.5527C75.2517 21.7589 74.8791 20.6674 74.8791 19.3031C74.8791 17.8891 75.2517 16.7729 76.0215 15.9543C76.7914 15.1357 77.8096 14.714 79.0513 14.714C80.0944 14.714 81.1623 15.0612 82.1308 15.7558L82.255 15.855V12.7047L82.2301 12.6798C81.8079 12.5062 81.3361 12.3078 80.6904 12.1837ZM91.3444 12.0845C90.5497 12.0845 89.8046 12.3326 89.1589 12.8535C88.6126 13.3 88.2401 13.945 87.9172 14.714H87.8924V12.3078H84.6639V26.0504H87.8924V19.0302C87.8924 17.8395 88.1407 16.8473 88.6871 16.1279C89.2334 15.3837 89.9288 15.0116 90.7732 15.0116C91.0712 15.0116 91.3692 15.086 91.7417 15.1357C92.0894 15.2349 92.3377 15.3341 92.5116 15.4581L92.6358 15.5574V12.3326L92.5613 12.3078C92.3378 12.1589 91.8907 12.0845 91.3444 12.0845ZM100.136 12.0101C97.8758 12.0101 96.0629 12.6798 94.7964 13.9946C93.505 15.3093 92.8841 17.1202 92.8841 19.4023C92.8841 21.5357 93.5298 23.2721 94.7715 24.5372C96.0132 25.7775 97.702 26.4225 99.8129 26.4225C102.023 26.4225 103.786 25.7527 105.053 24.4132C106.344 23.0736 106.965 21.2876 106.965 19.0798C106.965 16.8969 106.369 15.1605 105.152 13.8953C103.985 12.6302 102.272 12.0101 100.136 12.0101ZM102.719 22.5775C102.123 23.3465 101.179 23.7186 100.012 23.7186C98.8444 23.7186 97.9007 23.3465 97.2301 22.5279C96.5596 21.7589 96.2368 20.6426 96.2368 19.2287C96.2368 17.7651 96.5844 16.6488 97.2301 15.855C97.9007 15.0612 98.8195 14.6643 99.9868 14.6643C101.129 14.6643 102.023 15.0364 102.669 15.8054C103.315 16.5744 103.662 17.6907 103.662 19.1543C103.613 20.6426 103.339 21.8085 102.719 22.5775ZM114.167 18.0132C113.149 17.5915 112.503 17.269 112.205 16.9961C111.957 16.7481 111.833 16.4008 111.833 15.9543C111.833 15.5822 111.982 15.2101 112.354 14.962C112.727 14.714 113.149 14.5899 113.77 14.5899C114.316 14.5899 114.887 14.6891 115.434 14.838C115.98 14.9868 116.477 15.2101 116.874 15.5078L116.998 15.607V12.5806L116.924 12.5558C116.551 12.407 116.055 12.2581 115.459 12.1341C114.863 12.0349 114.316 11.9853 113.869 11.9853C112.329 11.9853 111.063 12.3574 110.07 13.176C109.076 13.945 108.604 14.9868 108.604 16.2023C108.604 16.8473 108.704 17.4178 108.927 17.8891C109.151 18.3605 109.474 18.807 109.921 19.1791C110.368 19.5264 111.013 19.9233 111.907 20.2954C112.652 20.6178 113.224 20.8659 113.571 21.0643C113.919 21.2628 114.142 21.486 114.316 21.6597C114.44 21.8581 114.515 22.1062 114.515 22.4287C114.515 23.3465 113.82 23.793 112.404 23.793C111.858 23.793 111.286 23.6938 110.616 23.4705C109.945 23.2473 109.325 22.9248 108.803 22.5527L108.679 22.4535V25.6039L108.753 25.6287C109.225 25.8519 109.796 26.0008 110.492 26.1744C111.187 26.2985 111.808 26.3977 112.354 26.3977C114.018 26.3977 115.384 26.0256 116.353 25.207C117.346 24.4132 117.868 23.3961 117.868 22.0814C117.868 21.1636 117.619 20.345 117.073 19.7248C116.353 19.1295 115.459 18.5093 114.167 18.0132ZM126.386 12.0101C124.126 12.0101 122.313 12.6798 121.046 13.9946C119.78 15.3093 119.134 17.1202 119.134 19.4023C119.134 21.5357 119.78 23.2721 121.022 24.5372C122.263 25.7775 123.952 26.4225 126.063 26.4225C128.273 26.4225 130.036 25.7527 131.303 24.4132C132.594 23.0736 133.215 21.2876 133.215 19.0798C133.215 16.8969 132.619 15.1605 131.402 13.8953C130.235 12.6302 128.522 12.0101 126.386 12.0101ZM128.944 22.5775C128.348 23.3465 127.404 23.7186 126.237 23.7186C125.045 23.7186 124.126 23.3465 123.455 22.5279C122.785 21.7589 122.462 20.6426 122.462 19.2287C122.462 17.7651 122.81 16.6488 123.455 15.855C124.126 15.0612 125.045 14.6643 126.212 14.6643C127.329 14.6643 128.248 15.0364 128.894 15.8054C129.54 16.5744 129.887 17.6907 129.887 19.1543C129.887 20.6426 129.565 21.8085 128.944 22.5775ZM150.475 14.962V12.3078H147.222V8.23954L147.123 8.26434L144.043 9.18217L143.969 9.20698V12.3078H139.101V10.5713C139.101 9.77752 139.3 9.15736 139.647 8.76046C139.995 8.36357 140.517 8.16512 141.162 8.16512C141.609 8.16512 142.081 8.26434 142.603 8.4876L142.727 8.56202V5.75891L142.652 5.73411C142.205 5.58527 141.609 5.48605 140.839 5.48605C139.871 5.48605 139.026 5.7093 138.257 6.0814C137.487 6.5031 136.916 7.07364 136.493 7.84264C136.071 8.58682 135.848 9.43023 135.848 10.3977V12.3078H133.588V14.9372H135.848V26.0504H139.101V14.962H143.969V22.0318C143.969 24.9341 145.334 26.3977 148.066 26.3977C148.513 26.3977 148.985 26.3233 149.432 26.2488C149.904 26.1496 150.252 26.0256 150.45 25.9264L150.475 25.9016V23.2473L150.351 23.3465C150.152 23.4705 149.978 23.5698 149.68 23.6442C149.432 23.7186 149.209 23.7434 149.035 23.7434C148.389 23.7434 147.942 23.5946 147.619 23.2225C147.321 22.8752 147.172 22.3047 147.172 21.4612V14.962H150.475Z" fill="currentColor"></path><path d="M0.5 0.5H15.7235V15.7062H0.5V0.5Z" fill="currentColor"></path><path d="M17.3129 0.5H32.5364V15.7062H17.3129V0.5Z" fill="currentColor"></path><path d="M0.5 17.2938H15.7235V32.5H0.5V17.2938Z" fill="currentColor"></path><path d="M17.3129 17.2938H32.5364V32.5H17.3129V17.2938Z" fill="currentColor"></path></svg></span></div><h3 class="_showcaseTitle_hgd35_105">ML/AI<span></span></h3><p class="_showcaseDescription_hgd35_111">MSR Gamut is a design probe that leverages AG Grid to help data scientists effectively visualize and understand their Machine Learning models and data.</p><div class="_showcaseLinksWrapper_hgd35_118"><a href="https://microsoft.github.io/msrgamut/" target="_blank" rel="noopener noreferrer">Visit Microsoft</a></div></div><div class="_showcaseGridItem_hgd35_14"><div class="_showcaseIconWrapper_hgd35_73"><span class="_showcaseIcon_hgd35_73"><svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23956 2.45888C9.01073 1.60384 11.3944 1.1001 13.9783 1.1001C16.5623 1.1001 18.9459 1.60384 20.7171 2.45888C22.4251 3.2834 23.8551 4.5958 23.8551 6.33371V20.5727C23.8551 22.3106 22.4251 23.623 20.7171 24.4476C18.9459 25.3026 16.5623 25.8063 13.9783 25.8063C11.3944 25.8063 9.01073 25.3026 7.23956 24.4476C5.53161 23.623 4.10156 22.3106 4.10156 20.5727V6.33371C4.10156 4.5958 5.53161 3.2834 7.23956 2.45888ZM5.90156 9.40706V13.4532C5.90156 14.1087 6.48107 14.9631 8.0221 15.7071C9.49989 16.4205 11.6047 16.8868 13.9783 16.8868C16.352 16.8868 18.4568 16.4205 19.9346 15.7071C21.4756 14.9631 22.0551 14.1087 22.0551 13.4532V9.40706C21.6473 9.7112 21.193 9.97881 20.7171 10.2085C18.9459 11.0636 16.5623 11.5673 13.9783 11.5673C11.3944 11.5673 9.01073 11.0636 7.23956 10.2085C6.76368 9.97881 6.30937 9.7112 5.90156 9.40706ZM22.0551 6.33371C22.0551 6.98919 21.4756 7.8436 19.9346 8.58754C18.4568 9.30096 16.352 9.76733 13.9783 9.76733C11.6047 9.76733 9.49989 9.30096 8.0221 8.58754C6.48107 7.8436 5.90156 6.98919 5.90156 6.33371C5.90156 5.67823 6.48107 4.82382 8.0221 4.07988C9.49989 3.36647 11.6047 2.9001 13.9783 2.9001C16.352 2.9001 18.4568 3.36647 19.9346 4.07988C21.4756 4.82382 22.0551 5.67823 22.0551 6.33371ZM22.0551 16.5266C21.6473 16.8307 21.193 17.0983 20.7171 17.3281C18.9459 18.1831 16.5623 18.6868 13.9783 18.6868C11.3944 18.6868 9.01073 18.1831 7.23956 17.3281C6.76368 17.0983 6.30937 16.8307 5.90156 16.5266V20.5727C5.90156 21.2282 6.48107 22.0826 8.0221 22.8266C9.49989 23.54 11.6047 24.0063 13.9783 24.0063C16.352 24.0063 18.4568 23.54 19.9346 22.8266C21.4756 22.0826 22.0551 21.2282 22.0551 20.5727V16.5266Z" fill="currentColor"></path></svg></span><span class="_showcaseLogo_hgd35_79"><svg width="119" height="32" viewBox="0 0 1102 278" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M82.3229 28.6444C71.5367 15.8469 62.2485 2.84945 60.351 0.149971C60.1512 -0.0499903 59.8515 -0.0499903 59.6518 0.149971C57.7542 2.84945 48.4661 15.8469 37.6798 28.6444C-54.9019 146.721 52.2613 226.406 52.2613 226.406L53.1601 227.006C53.959 239.303 55.9565 257 55.9565 257H59.9514H63.9463C63.9463 257 65.9438 239.403 66.7428 227.006L67.6416 226.306C67.7414 226.406 174.905 146.721 82.3229 28.6444ZM59.9514 224.606C59.9514 224.606 55.1576 220.507 53.8592 218.408V218.207L59.6518 89.6326C59.6518 89.2326 60.2511 89.2326 60.2511 89.6326L66.0436 218.207V218.408C64.7453 220.507 59.9514 224.606 59.9514 224.606Z" fill="currentColor"></path><path d="M260.501 198.369L215.845 89.3012L215.745 89H181.001V96.3314H186.608C188.31 96.3314 189.912 97.0344 191.114 98.2396C192.315 99.4447 192.916 101.052 192.916 102.759L191.915 212.53C191.915 215.944 189.112 218.756 185.707 218.857L180 218.957V226.188H213.843V218.957L210.338 218.857C206.934 218.756 204.13 215.944 204.13 212.53V109.086L252.792 226.188C253.492 227.895 255.094 229 256.897 229C258.699 229 260.301 227.895 261.002 226.188L308.562 111.697L309.263 212.53C309.263 216.045 306.459 218.857 302.955 218.957H299.35V226.188H339V218.957H333.593C330.189 218.957 327.385 216.045 327.285 212.63L326.985 102.859C326.985 99.3443 329.788 96.5322 333.193 96.4318L339 96.3314V89H305.157L260.501 198.369Z" fill="currentColor"></path><path d="M571.869 217.046C570.764 215.94 570.162 214.431 570.162 212.62V158.696C570.162 148.435 567.151 140.386 561.127 134.652C555.205 128.917 546.973 126 536.734 126C522.378 126 511.035 131.835 503.104 143.304C503.004 143.505 502.703 143.606 502.402 143.606C502.1 143.606 501.9 143.404 501.9 143.103L498.185 128.716H491.961L476 137.871V142.901H480.116C482.023 142.901 483.629 143.404 484.734 144.411C485.838 145.417 486.44 146.926 486.44 149.038V212.519C486.44 214.33 485.838 215.839 484.734 216.946C483.629 218.052 482.124 218.656 480.317 218.656H476.301V226H513.042V218.656H509.027C507.22 218.656 505.714 218.052 504.61 216.946C503.506 215.839 502.903 214.33 502.903 212.519V170.467C502.903 165.135 504.108 159.803 506.317 154.571C508.625 149.441 512.038 145.115 516.556 141.795C521.073 138.475 526.494 136.865 532.718 136.865C539.745 136.865 545.066 139.078 548.378 143.505C551.691 147.932 553.398 153.666 553.398 160.507V212.419C553.398 214.229 552.795 215.738 551.691 216.845C550.587 217.952 549.081 218.555 547.274 218.555H543.259V225.899H580V218.555H575.985C574.479 218.757 573.073 218.153 571.869 217.046Z" fill="currentColor"></path><path d="M907.546 97.2119C897.39 91.804 886.039 89 873.792 89H826V96.3106H830.68C832.472 96.3106 834.065 97.0117 835.658 98.614C837.152 100.116 837.948 101.819 837.948 103.621V211.379C837.948 213.181 837.152 214.884 835.658 216.386C834.165 217.888 832.472 218.689 830.68 218.689H826V226H873.792C886.039 226 897.39 223.196 907.546 217.788C917.701 212.38 925.966 204.368 931.94 194.154C937.914 183.939 941 171.621 941 157.6C941 143.58 937.914 131.362 931.94 121.047C925.866 110.632 917.701 102.72 907.546 97.2119ZM921.784 157.4C921.784 170.219 919.494 181.034 915.013 189.747C910.533 198.46 904.558 204.969 897.19 209.176C889.823 213.382 881.658 215.485 872.896 215.485H863.238C861.446 215.485 859.853 214.784 858.26 213.181C856.766 211.679 855.97 209.977 855.97 208.174V106.526C855.97 104.723 856.667 103.121 858.26 101.518C859.753 100.016 861.446 99.2149 863.238 99.2149H872.896C881.658 99.2149 889.823 101.318 897.19 105.524C904.558 109.73 910.533 116.24 915.013 124.952C919.494 133.765 921.784 144.681 921.784 157.4Z" fill="currentColor"></path><path d="M1053.97 164.711C1049.55 159.603 1041.02 155.297 1030.99 152.993C1044.84 146.083 1051.96 136.369 1051.96 123.851C1051.96 117.041 1050.16 110.932 1046.54 105.724C1042.93 100.517 1037.81 96.3106 1031.29 93.4063C1024.76 90.5021 1017.13 89 1008.5 89H954.402V96.3106H958.718C960.524 96.3106 962.13 97.0117 963.736 98.614C965.242 100.116 966.045 101.819 966.045 103.621V211.379C966.045 213.181 965.242 214.884 963.736 216.386C962.231 217.888 960.524 218.689 958.718 218.689H954V226H1012.72C1021.65 226 1029.98 224.498 1037.51 221.493C1045.04 218.489 1051.06 214.083 1055.38 208.274C1059.79 202.466 1062 195.355 1062 187.143C1061.9 178.33 1059.29 170.819 1053.97 164.711ZM986.621 213.281C985.115 211.779 984.312 210.077 984.312 208.274V159.903H1012.22C1022.05 159.903 1029.58 162.407 1034.8 167.414C1040.02 172.422 1042.63 178.931 1042.63 186.943C1042.63 191.75 1041.42 196.457 1039.22 200.763C1036.91 205.17 1033.49 208.675 1028.88 211.379C1024.36 214.083 1018.74 215.485 1012.22 215.485H991.639C989.833 215.485 988.227 214.784 986.621 213.281ZM984.413 149.588V106.626C984.413 104.823 985.115 103.221 986.721 101.618C988.227 100.116 989.933 99.315 991.74 99.315H1004.99C1014.52 99.315 1021.55 101.719 1025.97 106.325C1030.38 111.032 1032.59 117.041 1032.59 124.452C1032.59 132.063 1030.48 138.172 1026.37 142.778C1022.25 147.285 1016.03 149.588 1007.8 149.588H984.413Z" fill="currentColor"></path><path d="M431.999 132.388C424.329 128.196 415.763 126 406.5 126C397.237 126 388.571 128.096 381.001 132.388C373.331 136.579 367.255 142.667 362.773 150.352C358.291 158.037 356 167.02 356 177C356 186.98 358.291 195.963 362.773 203.648C367.255 211.333 373.331 217.421 381.001 221.613C388.671 225.804 397.237 228 406.5 228C415.763 228 424.429 225.904 431.999 221.613C439.669 217.421 445.745 211.333 450.227 203.648C454.709 195.963 457 186.98 457 177C457 167.02 454.709 158.037 450.227 150.352C445.745 142.667 439.669 136.579 431.999 132.388ZM439.37 177C439.37 189.276 436.382 199.256 430.405 206.442C424.529 213.628 416.461 217.321 406.5 217.321C396.54 217.321 388.471 213.628 382.595 206.442C376.618 199.256 373.63 189.276 373.63 177C373.63 164.724 376.618 154.744 382.595 147.558C388.471 140.372 396.54 136.679 406.5 136.679C416.461 136.679 424.529 140.372 430.405 147.558C436.382 154.744 439.37 164.724 439.37 177Z" fill="currentColor"></path><path d="M784.999 132.388C777.329 128.196 768.763 126 759.5 126C750.237 126 741.571 128.096 734.001 132.388C726.331 136.579 720.255 142.667 715.773 150.352C711.291 158.037 709 167.02 709 177C709 186.98 711.291 195.963 715.773 203.648C720.255 211.333 726.331 217.421 734.001 221.613C741.671 225.804 750.237 228 759.5 228C768.763 228 777.429 225.904 784.999 221.613C792.669 217.421 798.745 211.333 803.227 203.648C807.709 195.963 810 186.98 810 177C810 167.02 807.709 158.037 803.227 150.352C798.745 142.667 792.569 136.579 784.999 132.388ZM792.37 177C792.37 189.276 789.381 199.256 783.405 206.442C777.528 213.628 769.46 217.321 759.5 217.321C749.539 217.321 741.471 213.628 735.595 206.442C729.618 199.256 726.63 189.276 726.63 177C726.63 164.624 729.618 154.744 735.595 147.558C741.471 140.372 749.539 136.679 759.5 136.679C769.46 136.679 777.528 140.372 783.405 147.558C789.282 154.744 792.37 164.724 792.37 177Z" fill="currentColor"></path><path d="M642.64 126C634.614 126 627.292 127.704 620.671 131.113C614.05 134.522 608.834 139.135 605.122 145.05C601.411 150.865 599.505 157.383 599.505 164.301C599.505 170.517 600.909 176.232 603.818 181.346C606.627 186.259 610.439 190.369 615.254 193.778L600.909 213.23C599.103 215.636 598.903 218.844 600.207 221.451C601.611 224.158 604.219 225.763 607.229 225.763H611.342C607.329 228.47 604.119 231.678 601.912 235.488C599.304 239.799 598 244.311 598 248.923C598 257.546 601.812 264.665 609.335 269.979C616.759 275.293 627.191 278 640.332 278C649.461 278 658.188 276.496 666.113 273.588C674.138 270.681 680.658 266.369 685.473 260.755C690.389 255.14 692.897 248.322 692.897 240.501C692.897 232.28 689.887 226.464 682.865 220.85C676.847 216.137 667.417 213.631 655.68 213.631H615.555C615.455 213.631 615.354 213.53 615.354 213.53C615.354 213.53 615.254 213.33 615.354 213.23L625.787 199.193C628.596 200.496 631.204 201.298 633.511 201.799C635.918 202.301 638.627 202.501 641.636 202.501C650.063 202.501 657.687 200.797 664.307 197.388C670.928 193.979 676.245 189.367 680.057 183.451C683.868 177.636 685.774 171.119 685.774 164.201C685.774 156.781 682.163 143.245 672.332 136.327C672.332 136.227 672.433 136.227 672.433 136.227L694 138.633V128.707H659.492C654.075 127.003 648.458 126 642.64 126ZM654.677 188.765C650.865 190.77 646.752 191.873 642.64 191.873C635.919 191.873 630 189.467 624.984 184.755C619.969 180.042 617.461 173.124 617.461 164.301C617.461 155.478 619.969 148.559 624.984 143.847C630 139.135 635.919 136.728 642.64 136.728C646.853 136.728 650.865 137.731 654.677 139.836C658.489 141.842 661.599 144.95 664.107 149.061C666.514 153.172 667.818 158.285 667.818 164.301C667.818 170.417 666.614 175.53 664.107 179.541C661.699 183.652 658.489 186.76 654.677 188.765ZM627.492 225.662H654.677C662.201 225.662 667.016 227.166 670.226 230.375C673.436 233.583 675.041 237.894 675.041 242.908C675.041 250.227 672.132 256.243 666.314 260.755C660.495 265.267 652.671 267.573 643.041 267.573C634.614 267.573 627.592 265.668 622.476 262.058C617.36 258.449 614.752 252.934 614.752 245.916C614.752 241.504 615.956 237.393 618.364 233.784C620.771 230.174 623.68 227.567 627.492 225.662Z" fill="currentColor"></path></svg></span></div><h3 class="_showcaseTitle_hgd35_105">Databases<span></span></h3><p class="_showcaseDescription_hgd35_111">Compass is the GUI for MongoDB that uses AG Grid to visualize and manage users' databases, providing an intuitive interface to explore and interact with data.</p><div class="_showcaseLinksWrapper_hgd35_118"><a href="https://www.mongodb.com/products/tools/compass" target="_blank" rel="noopener noreferrer">Visit MongoDB</a></div></div><div class="_showcaseGridItem_hgd35_14"><div class="_showcaseIconWrapper_hgd35_73"><span class="_showcaseIcon_hgd35_73"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m5.65 10.025l1.95.825q.35-.7.725-1.35t.825-1.3l-1.4-.275zM9.2 12.1l2.85 2.825q1.05-.4 2.25-1.225t2.25-1.875q1.75-1.75 2.738-3.887T20.15 4q-1.8-.125-3.95.863T12.3 7.6q-1.05 1.05-1.875 2.25T9.2 12.1m4.45-1.625q-.575-.575-.575-1.412t.575-1.413t1.425-.575t1.425.575t.575 1.413t-.575 1.412t-1.425.575t-1.425-.575m.475 8.025l2.1-2.1l-.275-1.4q-.65.45-1.3.812t-1.35.713zM21.95 2.175q.475 3.025-.587 5.888T17.7 13.525L18.2 16q.1.5-.05.975t-.5.825l-4.2 4.2l-2.1-4.925L7.075 12.8L2.15 10.7l4.175-4.2q.35-.35.838-.5t.987-.05l2.475.5q2.6-2.6 5.45-3.675t5.875-.6m-18.025 13.8q.875-.875 2.138-.887t2.137.862t.863 2.138t-.888 2.137q-.625.625-2.087 1.075t-4.038.8q.35-2.575.8-4.038t1.075-2.087m1.425 1.4q-.25.25-.5.913t-.35 1.337q.675-.1 1.338-.337t.912-.488q.3-.3.325-.725T6.8 17.35t-.725-.288t-.725.313"></path></svg></span><span class="_showcaseLogo_hgd35_79"><svg width="119" height="19" viewBox="0 0 158.204 141.732" xmlns="http://www.w3.org/2000/svg"><g id="main_layer"><g><path fill="currentColor" d="M91.991,104.699c1.576,5.961,4.119,8.266,8.613,8.266c4.659,0,7.102-2.799,7.102-8.266V3.2h29.184v101.499 c0,14.307-1.856,20.506-9.11,27.762c-5.228,5.229-14.871,9.271-27.047,9.271c-9.837,0-19.25-3.256-25.253-9.27 c-5.263-5.273-8.154-10.689-12.672-27.764L44.9,37.033c-1.577-5.961-4.119-8.265-8.613-8.265c-4.66,0-7.103,2.798-7.103,8.265 v101.5H0v-101.5C0,22.727,1.857,16.527,9.111,9.271C14.337,4.044,23.981,0,36.158,0c9.837,0,19.25,3.257,25.253,9.27 c5.263,5.273,8.154,10.689,12.672,27.764L91.991,104.699z"></path><path fill="currentColor" d="M478.038,138.533L444.334,33.096c-0.372-1.164-0.723-2.152-1.263-2.811 c-0.926-1.127-2.207-1.719-3.931-1.719c-1.723,0-3.004,0.592-3.931,1.719c-0.539,0.658-0.891,1.646-1.262,2.811l-33.703,105.437 h-30.167l36.815-115.177c1.918-6,4.66-11.094,8.139-14.488C421.002,3.047,428.038,0,439.141,0s18.14,3.047,24.109,8.867 c3.479,3.395,6.221,8.488,8.14,14.488l36.814,115.177H478.038z"></path><path fill="currentColor" d="M328.878,138.533c19.12,0,28.446-4.062,35.814-11.389c8.153-8.105,12.053-16.973,12.053-30.213 c0-11.699-4.283-22.535-10.804-29.019c-8.526-8.479-19.116-11.151-36.384-11.151L305.37,56.76c-9.242,0-12.925-1.117-15.839-3.98 c-2.001-1.964-2.939-4.885-2.939-8.328c0-3.559,0.857-7.074,3.303-9.475c2.171-2.131,5.13-3.109,10.816-3.109h69.903V3.2H306.05 c-19.12,0-28.445,4.063-35.814,11.389c-8.152,8.105-12.053,16.972-12.053,30.212c0,11.701,4.283,22.536,10.804,29.019 c8.527,8.479,19.116,11.152,36.384,11.152l24.188,0.002c9.242,0,12.925,1.115,15.839,3.979c2.001,1.965,2.939,4.885,2.939,8.328 c0,3.559-0.857,7.074-3.302,9.475c-2.172,2.131-5.131,3.109-10.817,3.109h-72.094l-27.651-86.509 c-1.918-6-4.66-11.094-8.139-14.488C220.363,3.047,213.327,0,202.224,0s-18.14,3.047-24.108,8.867 c-3.48,3.395-6.221,8.488-8.139,14.488l-36.815,115.177h30.166l33.704-105.437c0.372-1.164,0.723-2.152,1.263-2.811 c0.926-1.127,2.208-1.719,3.931-1.719s3.004,0.592,3.931,1.719c0.54,0.658,0.891,1.646,1.262,2.811l33.704,105.437H328.878z"></path></g></g></svg></span></div><h3 class="_showcaseTitle_hgd35_105">Aerospace<span></span></h3><p class="_showcaseDescription_hgd35_111">NASA AMMOS is a tool for planning, scheduling, and sequencing tools for modern space missions that uses AG Grid to help visualise mission data.</p><div class="_showcaseLinksWrapper_hgd35_118"><a href="https://nasa-ammos.github.io/aerie-docs/" target="_blank" rel="noopener noreferrer">Visit NASA</a></div></div><div class="_showcaseGridItem_hgd35_14"><div class="_showcaseIconWrapper_hgd35_73"><span class="_showcaseIcon_hgd35_73"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26 6V10H6V6H26ZM26 4H6C5.46957 4 4.96086 4.21071 4.58579 4.58579C4.21071 4.96086 4 5.46957 4 6V10C4 10.5304 4.21071 11.0391 4.58579 11.4142C4.96086 11.7893 5.46957 12 6 12H26C26.5304 12 27.0391 11.7893 27.4142 11.4142C27.7893 11.0391 28 10.5304 28 10V6C28 5.46957 27.7893 4.96086 27.4142 4.58579C27.0391 4.21071 26.5304 4 26 4Z" fill="currentColor"></path><path d="M10 16V26H6V16H10ZM10 14H6C5.46957 14 4.96086 14.2107 4.58579 14.5858C4.21071 14.9609 4 15.4696 4 16V26C4 26.5304 4.21071 27.0391 4.58579 27.4142C4.96086 27.7893 5.46957 28 6 28H10C10.5304 28 11.0391 27.7893 11.4142 27.4142C11.7893 27.0391 12 26.5304 12 26V16C12 15.4696 11.7893 14.9609 11.4142 14.5858C11.0391 14.2107 10.5304 14 10 14Z" fill="currentColor"></path><path d="M26 16V26H16V16H26ZM26 14H16C15.4696 14 14.9609 14.2107 14.5858 14.5858C14.2107 14.9609 14 15.4696 14 16V26C14 26.5304 14.2107 27.0391 14.5858 27.4142C14.9609 27.7893 15.4696 28 16 28H26C26.5304 28 27.0391 27.7893 27.4142 27.4142C27.7893 27.0391 28 26.5304 28 26V16C28 15.4696 27.7893 14.9609 27.4142 14.5858C27.0391 14.2107 26.5304 14 26 14Z" fill="currentColor"></path></svg></span><span class="_showcaseLogo_hgd35_79"><svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_1_36)"><mask id="mask0_1_36" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="50"><path d="M50 0H0V50H50V0Z" fill="white"></path></mask><g mask="url(#mask0_1_36)"><path d="M18.5234 0.783966L0.79438 31.4906L31.501 49.2196L49.23 18.513L18.5234 0.783966Z" fill="currentColor" fill-opacity="0.49"></path><path d="M31.7021 -0.0204315L-0.0552368 18.3152L18.2804 50.0726L50.0378 31.7369L31.7021 -0.0204315Z" fill="currentColor" fill-opacity="0.2"></path></g><path fill-rule="evenodd" clip-rule="evenodd" d="M7 7H42.458V42.458H7V7ZM19.9619 25.7634L22.5191 33.0916H24.8092L21.9847 25.3435C23.0153 25 23.7023 24.3893 24.0077 23.5114C24.3512 22.6336 24.5039 21.5267 24.5039 20.1908C24.5039 18.9694 24.3894 17.9771 24.1985 17.2137C24.0077 16.4504 23.5497 15.8397 22.8626 15.3817C22.1756 14.9237 21.1451 14.6947 19.771 14.6947H12.7099V33.0916H14.8474V25.7634H19.9619ZM22.1756 22.3664C22.0229 22.8626 21.7176 23.2443 21.2596 23.5114C20.7634 23.7786 20.0382 23.8931 19.084 23.8931H14.8474V16.6031H19.2367C20.1909 16.6031 20.8779 16.7176 21.3359 16.9847C21.7939 17.2519 22.0993 17.5954 22.2138 18.0916C22.3283 18.5878 22.4046 19.2748 22.4046 20.229C22.4046 21.1451 22.3283 21.8703 22.1756 22.3664ZM27.4046 29.313C27.4046 30.8397 27.7481 31.8703 28.3588 32.4428C29.0077 33.0153 30.0001 33.2824 31.4123 33.2443C32.3664 33.2443 33.2062 33.0916 33.9314 32.8244C34.6566 32.5573 35.1909 31.9848 35.4963 31.1451H35.6108L35.7253 33.0534H37.5573V24.4656C37.5573 23.0534 37.4428 21.9848 37.1756 21.2596C36.9084 20.5344 36.4123 20 35.7253 19.6946C35.0001 19.3893 33.9314 19.2366 32.5191 19.2366C30.8779 19.2366 29.4276 19.3511 28.168 19.6183V21.2596C28.626 21.1832 29.2367 21.1069 30.0001 21.0687L30.2593 21.0549L30.2594 21.0549C30.8798 21.0219 31.4341 20.9924 31.8703 20.9924C33.0153 20.9924 33.8169 21.0687 34.2749 21.1832C34.7711 21.3359 35.0764 21.6413 35.2673 22.0993C35.4581 22.5573 35.5344 23.3588 35.5344 24.4656V25.3817C33.1298 25.3053 31.6794 25.2672 31.1833 25.2672C30.1909 25.2672 29.4275 25.3817 28.8932 25.6489C28.3588 25.916 27.9771 26.3359 27.7481 26.9084C27.5191 27.4809 27.4046 28.2824 27.4046 29.313ZM35.0764 30.3817C34.8474 30.8397 34.4657 31.1451 34.0077 31.2977C33.5115 31.4504 32.9008 31.5267 32.1756 31.6031C31.4123 31.6031 30.8397 31.5267 30.4581 31.4122C30.1146 31.2596 29.8474 31.0306 29.6947 30.7252C29.5421 30.4199 29.4657 29.9237 29.4657 29.2366C29.4657 28.5496 29.5421 28.0534 29.6566 27.7099C29.7711 27.3664 30.0001 27.1374 30.3054 27.0229C30.6108 26.9084 31.1069 26.8321 31.7558 26.8321H35.5726V27.5954C35.5726 28.7404 35.4199 29.6946 35.0764 30.3817Z" fill="currentColor"></path></g><defs><clipPath id="clip0_1_36"><rect width="50" height="50" fill="white"></rect></clipPath></defs></svg></span></div><h3 class="_showcaseTitle_hgd35_105">Developer Tools<span></span></h3><p class="_showcaseDescription_hgd35_111">React Admin is an open source framework for building admin interfaces with React which uses AG Grid for its Data Grid functionality.</p><div class="_showcaseLinksWrapper_hgd35_118"><a href="https://marmelab.com/react-admin/" target="_blank" rel="noopener noreferrer">Visit React Admin</a></div></div></div></astro-island></astro-slot></div></astro-island><astro-island uid="18D4l1" prefix="r25" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{"tag":[0,"Regular Updates & Improvements"],"headingHtml":[0,"Latest Features and Enhancements"],"subHeading":[0,"With minor releases every 6 weeks, and major releases every 6 months, stay up to date with all of the newest features and improvements to AG Grid Data Grids."],"ctaTitle":[0,"See Whats New"],"ctaUrl":[0,"/whats-new/"],"showBackgroundGradient":[0,true]}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1 _withBackgroundGradient_1fkyt_10"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40">Regular Updates & Improvements</h2><h3 class="_heading_1fkyt_41">Latest Features and Enhancements</h3><h4 class="_subHeading_1fkyt_42">With minor releases every 6 weeks, and major releases every 6 months, stay up to date with all of the newest features and improvements to AG Grid Data Grids.</h4><a href="/whats-new/" class="_ctaButton_1fkyt_83 button-tertiary">See Whats New <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></a></header><astro-slot><div class="_latestNewsVersions_1ubbo_643"><astro-island uid="wPDQ" prefix="r12" component-url="/_astro/Version.BpzMnp9D.js" component-export="Version" renderer-url="/_astro/client.5kNSwotS.js" props="{"isLatest":[0,true],"blogUrl":[0,"https://blog.ag-grid.com/whats-new-in-ag-grid-33-1/"],"version":[0,"33.1.0"],"date":[0,"February 12th 2025"],"highlights":[1,[[0,{"text":[0,"Row Numbers"],"path":[0,"./row-numbers"]}],[0,{"text":[0,"Row Spanning"],"path":[0,"./row-spanning"]}],[0,{"text":[0,"Master/Detail Selection"],"path":[0,"./master-detail-grids/#row-selection"]}],[0,{"text":[0,"Tree Data Nested Records"],"path":[0,"./tree-data-nesting"]}],[0,{"text":[0,"Accessibility Improvements"]}]]],"notesPath":[0,"./upgrading-to-ag-grid-33-1"]}" ssr="" client="load" opts="{"name":"Version","value":true}" await-children=""><div class="_version_171yb_16"><div class="_topheader_171yb_121"><header><div class="_flex_171yb_160"><span class="_date_171yb_94">February 12th 2025</span><div class="_flex_171yb_160"><span class="_latestTag_171yb_109">Latest</span></div></div><div class="_flex_171yb_160"><b>Version 33.1.0</b><a class="_bloglink_171yb_151" href="https://blog.ag-grid.com/whats-new-in-ag-grid-33-1/">Read more →</a></div><span class="_line_171yb_117"></span></header><p>Feature Highlights</p><ul><li><a href="/react-data-grid/row-numbers/">Row Numbers</a></li><li><a href="/react-data-grid/row-spanning/">Row Spanning</a></li><li><a href="/react-data-grid/master-detail-grids/#row-selection">Master/Detail Selection</a></li><li><a href="/react-data-grid/tree-data-nesting/">Tree Data Nested Records</a></li><li>Accessibility Improvements</li></ul></div><div><a class="_buttonSecondary_171yb_140 button-secondary" href="/react-data-grid/upgrading-to-ag-grid-33-1/" target="_blank" rel="noopener noreferrer">See release notes</a><a class="_buttonSecondary_171yb_140 button-secondary" href="/changelog/?fixVersion=33.1.0" target="_blank" rel="noopener noreferrer">See all changes</a></div></div></astro-island><astro-island uid="Z1k49mi" prefix="r13" component-url="/_astro/Version.BpzMnp9D.js" component-export="Version" renderer-url="/_astro/client.5kNSwotS.js" props="{"isLatest":[0,false],"blogUrl":[0,"https://blog.ag-grid.com/whats-new-in-ag-grid-33/"],"version":[0,"33.0.0"],"date":[0,"December 11th 2024"],"highlights":[1,[[0,{"text":[0,"Bundle Size Improvements"],"path":[0,"./modules"]}],[0,{"text":[0,"Context Menu Async Support"],"path":[0,"./context-menu/#context-menu-example"]}],[0,{"text":[0,"Default Column Header Customization"],"path":[0,"./column-headers/#inner-header-component"]}],[0,{"text":[0,"Native Support for Vue 3 Composition API"]}],[0,{"text":[0,"Theming Improvements"]}]]],"notesPath":[0,"./upgrading-to-ag-grid-33"]}" ssr="" client="load" opts="{"name":"Version","value":true}" await-children=""><div class="_version_171yb_16"><div class="_topheader_171yb_121"><header><div class="_flex_171yb_160"><span class="_date_171yb_94">December 11th 2024</span><div class="_flex_171yb_160"><span class="_majorText_171yb_102">Major</span></div></div><div class="_flex_171yb_160"><b>Version 33.0.0</b><a class="_bloglink_171yb_151" href="https://blog.ag-grid.com/whats-new-in-ag-grid-33/">Read more →</a></div><span class="_line_171yb_117"></span></header><p>Feature Highlights</p><ul><li><a href="/react-data-grid/modules/">Bundle Size Improvements</a></li><li><a href="/react-data-grid/context-menu/#context-menu-example">Context Menu Async Support</a></li><li><a href="/react-data-grid/column-headers/#inner-header-component">Default Column Header Customization</a></li><li>Native Support for Vue 3 Composition API</li><li>Theming Improvements</li></ul></div><div><a class="_buttonSecondary_171yb_140 button-secondary" href="/react-data-grid/upgrading-to-ag-grid-33/" target="_blank" rel="noopener noreferrer">See migration guide</a><a class="_buttonSecondary_171yb_140 button-secondary" href="/changelog/?fixVersion=33.0.0" target="_blank" rel="noopener noreferrer">See all changes</a></div></div></astro-island><astro-island uid="Z1iMSML" prefix="r14" component-url="/_astro/Version.BpzMnp9D.js" component-export="Version" renderer-url="/_astro/client.5kNSwotS.js" props="{"isLatest":[0,false],"blogUrl":[0,"https://blog.ag-grid.com/whats-new-in-ag-grid-32-3/"],"version":[0,"32.3.0"],"date":[0,"October 22nd 2024"],"highlights":[1,[[0,{"text":[0,"Quality Improvements"]}]]],"notesPath":[0,"./upgrading-to-ag-grid-32-3"]}" ssr="" client="load" opts="{"name":"Version","value":true}" await-children=""><div class="_version_171yb_16"><div class="_topheader_171yb_121"><header><div class="_flex_171yb_160"><span class="_date_171yb_94">October 22nd 2024</span><div class="_flex_171yb_160"></div></div><div class="_flex_171yb_160"><b>Version 32.3.0</b><a class="_bloglink_171yb_151" href="https://blog.ag-grid.com/whats-new-in-ag-grid-32-3/">Read more →</a></div><span class="_line_171yb_117"></span></header><p>Feature Highlights</p><ul><li>Quality Improvements</li></ul></div><div><a class="_buttonSecondary_171yb_140 button-secondary" href="/react-data-grid/upgrading-to-ag-grid-32-3/" target="_blank" rel="noopener noreferrer">See release notes</a><a class="_buttonSecondary_171yb_140 button-secondary" href="/changelog/?fixVersion=32.3.0" target="_blank" rel="noopener noreferrer">See all changes</a></div></div></astro-island></div></astro-slot></div></astro-island><astro-island uid="2iEuxD" prefix="r26" component-url="/_astro/LandingPageSection.Do5AHswI.js" component-export="LandingPageSection" renderer-url="/_astro/client.5kNSwotS.js" props="{"tag":[0,"JavaScript Data Grid FAQs"],"heading":[0,"Frequently Asked Questions"],"subHeading":[0,"How many rows can AG Grid handle? How fast is AG Grid? Is AG Grid free? Answers to these common questions and more."],"sectionClass":[0]}" ssr="" client="load" opts="{"name":"LandingPageSection","value":true}" await-children=""><div class="_sectionContent_1fkyt_1"><header class="_headingContainer_1fkyt_73"><h2 class="_tag_1fkyt_40">JavaScript Data Grid FAQs</h2><h3 class="_heading_1fkyt_41">Frequently Asked Questions</h3><h4 class="_subHeading_1fkyt_42">How many rows can AG Grid handle? How fast is AG Grid? Is AG Grid free? Answers to these common questions and more.</h4></header><astro-slot><astro-island uid="Z1HGYsN" prefix="r15" component-url="/_astro/LandingPageFAQ.B56FXu52.js" component-export="LandingPageFAQ" renderer-url="/_astro/client.5kNSwotS.js" props="{"FAQData":[1,[[0,{"question":[0,"Can I build JavaScript Data Grids for free with AG Grid?"],"answer":[0,"Yes, it's free to get started with AG Grid and you'll have access to core features like filtering, sorting, cell editing, pagination and much more."]}],[0,{"question":[0,"How fast is AG Grid?"],"answer":[0,"AG Grid has always been focused on performance and reliability with large data sets; We use virtualisation for both rows and columns to make sure your users have the smoothest experience possible, whatever the size of your data."]}],[0,{"question":[0,"Is AG Grid compatible with AG Charts?"],"answer":[0,"Yes, AG Grid is designed to be compatible with AG Charts, allowing seamless integration between your JavaScript Data Grids and [JavaScript Charts](https://www.ag-grid.com/charts/react/quick-start/)."]}],[0,{"question":[0,"Can I customise the style of my Data Grid?"],"answer":[0,"Yes, you can customise AG Grid with our [Theming API](./themes/) or use our [Theme Builder](/theme-builder/) to build themes with our intuitive UI."]}],[0,{"question":[0,"Is AG Grid compatible with my Framework?"],"answer":[0,"Yes, AG Grid comes with support for [React](/react-data-grid/getting-started/), [Angular](/angular-data-grid/getting-started/) and [Vue](/vue-data-grid/getting-started/). If you're using another framework, such as Solid, Svelte or Python, you can leverage one of our [community built integrations.](/community/tools-extensions/)"]}],[0,{"question":[0,"Can I use my own components with AG Grid?"],"answer":[0,"Yes, you can add your own components to [cells](./component-cell-renderer/) and [headers](./column-headers/#selecting-components), and replace things like [filters](./component-filter/), [overlays](./overlays/#customisation), and [tooltips](./tooltips/#custom-component) with your own functionality if you want to."]}],[0,{"question":[0,"How is AG Grid different from Tanstacks' React Table"],"answer":[0,"We like to say AG Grid 'comes with batteries included'. Tanstack Table is headless, meaning you need to build the UI from scratch, where-as AG Grid can be used out-of-the-box."]}],[0,{"question":[0,"What is the difference between AG Grid Community and Enterprise?"],"answer":[0,"[AG Grid Community](./getting-started/) is the free version with basic features, while [AG Grid Enterprise](/license-pricing/) offers additional advanced features and support."]}],[0,{"question":[0,"What is an AG Grid licence?"],"answer":[0,"An AG Grid licence is required to use [AG Grid Enterprise](/license-pricing/) in production. Try it for free, or request a trial licence at [info@ag-grid.com](mailto:info@ag-grid.com) to remove the watermark & console messages."]}],[0,{"question":[0,"How much does AG Grid cost?"],"answer":[0,"[AG Grid Community](./getting-started/) is free forever. [AG Grid Enterprise](/license-pricing/) costs $999 USD per licence. Visit the [Pricing page](/license-pricing/) for more information."]}]]],"framework":[0,"react"]}" ssr="" client="load" opts="{"name":"LandingPageFAQ","value":true}" await-children=""><div class="_container_6fyvh_1"><div class="_column_6fyvh_10"> <div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">Can I build JavaScript Data Grids for free with AG Grid?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">Yes, it's free to get started with AG Grid and you'll have access to core features like filtering, sorting, cell editing, pagination and much more.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">Is AG Grid compatible with AG Charts?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">Yes, AG Grid is designed to be compatible with AG Charts, allowing seamless integration between your JavaScript Data Grids and <a href="https://www.ag-grid.com/charts/react/quick-start/">JavaScript Charts</a>.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">Is AG Grid compatible with my Framework?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">Yes, AG Grid comes with support for <a href="/react-data-grid/getting-started/">React</a>, <a href="/angular-data-grid/getting-started/">Angular</a> and <a href="/vue-data-grid/getting-started/">Vue</a>. If you're using another framework, such as Solid, Svelte or Python, you can leverage one of our <a href="/community/tools-extensions/">community built integrations.</a></div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">How is AG Grid different from Tanstacks' React Table</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">We like to say AG Grid 'comes with batteries included'. Tanstack Table is headless, meaning you need to build the UI from scratch, where-as AG Grid can be used out-of-the-box.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">What is an AG Grid licence?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">An AG Grid licence is required to use <a href="/license-pricing/">AG Grid Enterprise</a> in production. Try it for free, or request a trial licence at <a href="mailto:info@ag-grid.com">info@ag-grid.com</a> to remove the watermark & console messages.</div></div></div></div></div><div class="_column_6fyvh_10"> <div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">How fast is AG Grid?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">AG Grid has always been focused on performance and reliability with large data sets; We use virtualisation for both rows and columns to make sure your users have the smoothest experience possible, whatever the size of your data.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">Can I customise the style of my Data Grid?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">Yes, you can customise AG Grid with our <a href="/react-data-grid/themes/">Theming API</a> or use our <a href="/theme-builder/">Theme Builder</a> to build themes with our intuitive UI.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">Can I use my own components with AG Grid?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65">Yes, you can add your own components to <a href="/react-data-grid/component-cell-renderer/">cells</a> and <a href="/react-data-grid/column-headers/#selecting-components">headers</a>, and replace things like <a href="/react-data-grid/component-filter/">filters</a>, <a href="/react-data-grid/overlays/#customisation">overlays</a>, and <a href="/react-data-grid/tooltips/#custom-component">tooltips</a> with your own functionality if you want to.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">What is the difference between AG Grid Community and Enterprise?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65"><a href="/react-data-grid/getting-started/">AG Grid Community</a> is the free version with basic features, while <a href="/license-pricing/">AG Grid Enterprise</a> offers additional advanced features and support.</div></div></div></div><div class="_questionContainer_6fyvh_20 plausible-event-name=react-table-expand-faq"><div class="_titleContainer_6fyvh_34"><span class="_question_6fyvh_20">How much does AG Grid cost?</span><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 32 32" size="32" class="_icon_1jqgc_1 icon _expandIcon_6fyvh_55"><path d="M9.763 8.237 17.525 16l-7.762 7.763 2.474 2.474L22.475 16 12.237 5.763 9.763 8.237Z"></path></svg></div><div aria-hidden="true" class="rah-static rah-static--height-zero " style="height:0;overflow:hidden"><div><div class="_answerContainer_6fyvh_65"><a href="/react-data-grid/getting-started/">AG Grid Community</a> is free forever. <a href="/license-pricing/">AG Grid Enterprise</a> costs $999 USD per licence. Visit the <a href="/license-pricing/">Pricing page</a> for more information.</div></div></div></div></div></div></astro-island></astro-slot></div></astro-island> </div> <footer class="_footer_1rqr6_2"><div class="_footerColumns_1rqr6_31 layout-grid"><div class="_menuColumn_1rqr6_43"><div class="_logoContainer_1rqr6_123"><a href="/" aria-label="Home" class="_headerLogo_1agp5_36"><svg xmlns="http://www.w3.org/2000/svg" class="logotype" width="154" height="40" viewBox="0 0 154 40"><style> .logotype path, .logotype rect { fill: #fff; } .logotype.dark-type > path, .logotype.dark-type > rect { fill: #003264; } </style><path d="M147.979,5.6l-0,28.417l-4.768,-0l-0.127,-2.988c-0.7,1.017 -1.59,1.844 -2.67,2.479c-1.081,0.572 -2.416,0.89 -3.942,0.89c-1.335,0 -2.606,-0.254 -3.687,-0.699c-1.144,-0.509 -2.162,-1.144 -2.988,-2.034c-0.826,-0.89 -1.526,-1.971 -1.971,-3.179c-0.508,-1.208 -0.699,-2.606 -0.699,-4.132c-0,-1.526 0.254,-2.924 0.699,-4.196c0.509,-1.271 1.145,-2.352 1.971,-3.242c0.826,-0.89 1.844,-1.589 2.988,-2.098c1.144,-0.509 2.352,-0.763 3.687,-0.763c1.526,0 2.797,0.254 3.878,0.827c1.081,0.572 1.971,1.335 2.67,2.415l-0,-11.633l4.959,-0l-0,-0.064Zm-10.426,24.539c1.653,-0 2.924,-0.572 3.941,-1.653c1.017,-1.081 1.526,-2.543 1.526,-4.323c-0,-1.78 -0.509,-3.179 -1.526,-4.323c-1.017,-1.081 -2.288,-1.653 -3.941,-1.653c-1.59,0 -2.925,0.572 -3.878,1.653c-1.017,1.081 -1.526,2.543 -1.526,4.323c0,1.78 0.509,3.179 1.526,4.259c1.017,1.145 2.288,1.717 3.878,1.717"></path><rect x="119.067" y="5.6" width="4.959" height="5.849"></rect><rect x="119.067" y="14.373" width="4.959" height="19.644"></rect><path d="M108.831,16.979c1.59,-2.352 5.595,-2.606 7.248,-2.606l-0,4.577c-2.035,0 -4.069,0.064 -5.277,0.954c-1.208,0.89 -1.843,2.098 -1.843,3.56l-0,10.553l-4.959,-0l0,-19.644l4.768,-0l0.063,2.606Z"></path><path d="M26.489,28.677l-12.46,-0l-2.162,5.34l-5.467,-0l11.507,-26.955l4.768,0l11.506,26.955l-5.531,-0l-2.161,-5.34Zm-1.717,-4.26l-4.513,-10.998l-4.514,10.998l9.027,0Z"></path><path d="M62.024,18.654l-12.286,0l-0,4.267l6.963,0c-0.219,2.139 -1.021,3.846 -2.406,5.123c-1.385,1.276 -3.208,1.914 -5.469,1.914c-1.288,0 -2.461,-0.231 -3.518,-0.693c-1.058,-0.462 -1.964,-1.113 -2.717,-1.95c-0.753,-0.839 -1.337,-1.848 -1.749,-3.027c-0.414,-1.179 -0.62,-2.486 -0.62,-3.92c-0,-1.433 0.206,-2.739 0.62,-3.919c0.412,-1.178 0.996,-2.187 1.749,-3.026c0.753,-0.838 1.665,-1.488 2.734,-1.95c1.07,-0.462 2.248,-0.693 3.538,-0.693c2.669,-0 4.696,0.642 6.081,1.927l3.284,-3.286c-2.486,-1.934 -5.63,-2.907 -9.439,-2.907c-2.114,-0 -4.023,0.334 -5.723,1.002c-1.703,0.669 -3.161,1.605 -4.376,2.807c-1.216,1.204 -2.151,2.657 -2.807,4.357c-0.657,1.702 -0.985,3.599 -0.985,5.688c-0,2.066 0.334,3.957 1.003,5.67c0.668,1.714 1.61,3.173 2.825,4.375c1.216,1.204 2.673,2.139 4.375,2.808c1.702,0.668 3.597,1.002 5.688,1.002c2.042,0 3.883,-0.334 5.524,-1.002c1.64,-0.669 3.038,-1.604 4.193,-2.808c1.154,-1.202 2.042,-2.661 2.661,-4.375c0.621,-1.713 0.93,-3.604 0.93,-5.67c0,-0.291 -0.007,-0.577 -0.017,-0.856c-0.014,-0.28 -0.032,-0.565 -0.056,-0.858"></path><path d="M100.792,18.654l-12.286,0l-0,4.267l6.963,0c-0.219,2.139 -1.021,3.846 -2.406,5.123c-1.385,1.276 -3.208,1.914 -5.469,1.914c-1.288,0 -2.461,-0.231 -3.518,-0.693c-1.058,-0.462 -1.964,-1.113 -2.717,-1.95c-0.753,-0.839 -1.337,-1.848 -1.749,-3.027c-0.414,-1.179 -0.62,-2.486 -0.62,-3.92c-0,-1.433 0.206,-2.739 0.62,-3.919c0.412,-1.178 0.996,-2.187 1.749,-3.026c0.753,-0.838 1.665,-1.488 2.735,-1.95c1.069,-0.462 2.247,-0.693 3.537,-0.693c2.669,-0 4.697,0.642 6.081,1.927l3.284,-3.286c-2.486,-1.934 -5.63,-2.907 -9.438,-2.907c-2.115,-0 -4.024,0.334 -5.724,1.002c-1.703,0.669 -3.161,1.605 -4.376,2.807c-1.216,1.204 -2.151,2.657 -2.807,4.357c-0.657,1.702 -0.985,3.599 -0.985,5.688c-0,2.066 0.334,3.957 1.003,5.67c0.668,1.714 1.61,3.173 2.825,4.375c1.216,1.204 2.673,2.139 4.375,2.808c1.702,0.668 3.597,1.002 5.689,1.002c2.041,0 3.883,-0.334 5.523,-1.002c1.64,-0.669 3.038,-1.604 4.193,-2.808c1.154,-1.202 2.042,-2.661 2.661,-4.375c0.621,-1.713 0.93,-3.604 0.93,-5.67c0,-0.291 -0.007,-0.577 -0.017,-0.856c-0.014,-0.28 -0.032,-0.565 -0.056,-0.858"></path></svg><svg xmlns="http://www.w3.org/2000/svg" class="logo-mark" width="64" height="48" viewBox="0 0 64 48"><style> .logomark .aqua { fill: #55b4c8; } .logomark .orange { fill: #ff8c00; } .logomark .red { fill: #f00; } .logomark .grey { fill: #b4bebe; } </style><rect class="aqua right-1" x="51" y="10" width="7" height="8"></rect><path class="aqua right-1" d="M58,10l-17,0l-8,8l25,0l0,-8Z"></path><rect class="orange right-2" x="36" y="22" width="7" height="8"></rect><path class="orange right-2" d="M43,30l0,-7.995l-14,-0l-8.008,7.995l22.008,0Z"></path><rect class="red right-3" x="24" y="34" width="7" height="8"></rect><path class="red right-3" d="M13,38.01l4,-4.01l14,0l0,8l-18,0l0,-3.99Z"></path><rect class="grey left-1" x="11" y="6" width="7" height="8"></rect><path class="grey left-1" d="M41,10l-4,4l-26,0l0,-8l30,0l0,4Z"></path><rect class="grey left-2" x="16" y="18" width="7" height="8"></rect><path class="grey left-2" d="M16,26l9,0l8,-8l-17,-0l0,8Z"></path><rect class="grey left-3" x="6" y="30" width="7" height="8"></rect><path class="grey left-3" d="M6,37.988l7,0.012l7.992,-8l-14.992,-0.047l-0,8.035Z"></path></svg></a></div><p class="text-sm">© AG Grid Ltd. 2015-2025</p><p class="text-sm">AG Grid Ltd registered in the United Kingdom. Company No. 07318192.</p><p class="text-sm">The Microsoft logo is a trademark of the Microsoft group of companies.</p></div><div class="_menuColumn_1rqr6_43"><h2>Documentation</h2><ul class="list-style-none"><li><a href="/documentation">Getting Started</a></li><li><a href="/changelog">Changelog</a></li><li><a href="/pipeline">Pipeline</a></li><li><a href="/documentation-archive">Documentation Archive</a></li></ul></div><div class="_menuColumn_1rqr6_43"><h2>Support & Community</h2><ul class="list-style-none"><li><a href="https://stackoverflow.com/questions/tagged/ag-grid" target="_blank" rel="noreferrer">Stack Overflow</a></li><li><a href="/license-pricing">License & Pricing</a></li><li><a href="https://ag-grid.zendesk.com/" target="_blank" rel="noreferrer">Support via Zendesk</a></li></ul></div><div class="_menuColumn_1rqr6_43"><h2>The Company</h2><ul class="list-style-none"><li><a href="https://www.ag-grid.com/charts/">AG Charts</a></li><li><a href="/about">About</a></li><li><a href="https://blog.ag-grid.com/?_ga=2.213149716.106872681.1607518091-965402545.1605286673">Blog</a></li><li><a href="/privacy">Privacy Policy</a></li><li><a href="/cookies">Cookies Policy</a></li><li><a href="/sitemap">Sitemap</a></li></ul></div><div class="_menuColumn_1rqr6_43"><h2>Follow</h2><ul class="list-style-none"><li><a href="https://github.com/ag-grid/ag-grid"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"></path></svg>GitHub</a></li><li><a href="https://twitter.com/ag_grid"><svg width="1092" height="1075" viewBox="0 0 1092 1075" fill="none" xmlns="http://www.w3.org/2000/svg" size="32" class="_icon_1jqgc_1 icon"><g clip-path="url(#clip0_404_5)"><path d="M622.109 475.189L919.927 129H849.353L590.758 429.591L384.219 129H146L458.328 583.547L146 946.58H216.577L489.661 629.145L707.781 946.58H946L622.091 475.189H622.109ZM525.443 587.552L493.798 542.289L242.007 182.13H350.41L553.608 472.79L585.253 518.053L849.387 895.867H740.984L525.443 587.569V587.552Z"></path></g><defs><clipPath id="clip0_404_5"><rect width="800" height="818" transform="translate(146 129)"></rect></clipPath></defs></svg>X</a></li><li><a href="https://youtube.com/c/ag-grid"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon" xmlns="http://www.w3.org/2000/svg"><path d="M29.41,9.26a3.5,3.5,0,0,0-2.47-2.47C24.76,6.2,16,6.2,16,6.2s-8.76,0-10.94.59A3.5,3.5,0,0,0,2.59,9.26,36.13,36.13,0,0,0,2,16a36.13,36.13,0,0,0,.59,6.74,3.5,3.5,0,0,0,2.47,2.47C7.24,25.8,16,25.8,16,25.8s8.76,0,10.94-.59a3.5,3.5,0,0,0,2.47-2.47A36.13,36.13,0,0,0,30,16,36.13,36.13,0,0,0,29.41,9.26ZM13.2,20.2V11.8L20.47,16Z"></path></svg>YouTube</a></li><li><a href="https://www.linkedin.com/company/ag-grid"><svg focusable="false" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="32" height="32" viewBox="0 0 32 32" aria-hidden="true" class="_icon_1jqgc_1 icon" xmlns="http://www.w3.org/2000/svg"><path d="M26.2,4H5.8C4.8,4,4,4.8,4,5.7v20.5c0,0.9,0.8,1.7,1.8,1.7h20.4c1,0,1.8-0.8,1.8-1.7V5.7C28,4.8,27.2,4,26.2,4z M11.1,24.4 H7.6V13h3.5V24.4z M9.4,11.4c-1.1,0-2.1-0.9-2.1-2.1c0-1.2,0.9-2.1,2.1-2.1c1.1,0,2.1,0.9,2.1,2.1S10.5,11.4,9.4,11.4z M24.5,24.3 H21v-5.6c0-1.3,0-3.1-1.9-3.1c-1.9,0-2.1,1.5-2.1,2.9v5.7h-3.5V13h3.3v1.5h0.1c0.5-0.9,1.7-1.9,3.4-1.9c3.6,0,4.3,2.4,4.3,5.5V24.3z"></path></svg>LinkedIn</a></li></ul></div></div></footer> </body></html>