[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3855":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":9,"pushedAt":9,"updatedAt":46,"readmeContent":47,"aiSummary":48,"trendingCount":15,"starSnapshotCount":15,"syncStatus":49,"lastSyncTime":50,"discoverSource":51},3855,"ag-grid","ag-grid\u002Fag-grid","The best JavaScript Data Table for building Enterprise Applications. Supports React \u002F Angular \u002F Vue \u002F Plain JavaScript.","http:\u002F\u002Fwww.ag-grid.com",null,"TypeScript",15380,2067,213,82,0,1,12,87,6,86.65,"Other",false,"latest",true,[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45],"angular","angular-grid","angular-table","charting","datagrid","datatable","excel","filtering","grid","grouping","javascript-table","pagination","pivoting","react","react-grid","react-table","sorting","table","vue-table","vuejs","2026-06-12 04:00:19","# JavaScript Data Grid | JavaScript Table\n\n\u003Cdiv align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n        \u003Cpicture>\n        \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Fag-logos\u002Fsvg-logos\u002FAG-Grid-Logo_Dark-Theme.svg?raw=true\"\u002F>\n        \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Fag-logos\u002Fsvg-logos\u002FAG-Grid-Logo_Light-Theme.svg?raw=true\"\u002F>\n        \u003Cimg width=\"100%\" alt=\"AG Grid Logo\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Fag-logos\u002Fsvg-logos\u002FAG-Grid-Logo_Light-Theme.svg?raw=true\"\u002F>\n        \u003C\u002Fpicture>\n    \u003C\u002Fa>\n    \u003Cdiv align=\"center\">\n        \u003Ch4>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">🌐 Website\u003C\u002Fa> • \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fgetting-started\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">📖 Documentation\u003C\u002Fa> • \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">🏘️ Community\u003C\u002Fa>\u003C\u002Fh4>\n    \u003C\u002Fdiv>\n    \u003Cbr>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Freleases\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fag-grid\u002Fag-grid?style=for-the-badge\" alt=\"GitHub Release\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fag-grid-community\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fag-grid-community?style=for-the-badge\" alt=\"NPM Downloads\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fag-grid\u002Fag-grid?style=for-the-badge\" alt=\"GitHub Repo stars\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\">\n        \u003Cimg alt=\"GitHub forks\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fag-grid\u002Fag-grid?style=for-the-badge\">\n    \u003C\u002Fa>\n    \u003Cbr>\u003Cbr>\n    \u003Ca href=\"https:\u002F\u002Fsonarcloud.io\u002Fdashboard?id=ag-grid-community\">\n      \u003Cimg src=\"https:\u002F\u002Fsonarcloud.io\u002Fapi\u002Fproject_badges\u002Fmeasure?project=ag-grid-community&metric=alert_status\" alt=\"Quality Gate Status\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fnpm.io\u002Fpackage\u002Fag-grid-community\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpms-io\u002Fmaintenance-score\u002Fag-grid-community\" alt=\"npms.io Maintenance Score\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fgraphs\u002Fcommit-activity\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fcommit-activity\u002Fm\u002Fag-grid\u002Fag-grid\" alt=\"GitHub commit activity\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fnetwork\u002Fdependents\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Flibrariesio\u002Fdependents\u002Fnpm\u002Fag-grid-community\" alt=\"Dependents\">\n    \u003C\u002Fa>\n    \u003Cbr>\u003Cbr>\n    \u003C!-- START MAIN DESCRIPTION -->\n    \u003Cp>AG Grid is a \u003Cstrong>fully-featured\u003C\u002Fstrong> and \u003Cstrong>highly customizable\u003C\u002Fstrong> JavaScript Data Grid. It delivers \u003Cstrong>outstanding performance\u003C\u002Fstrong>, has \u003Cstrong>no third-party dependencies\u003C\u002Fstrong> and comes with support for \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Ftree\u002Flatest\u002Fpackages\u002Fag-grid-react\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Freact.svg?raw=true\" height=\"16\" width=\"16\" alt=\"React Logo\"> React\u003C\u002Fa>\u003C\u002Fstrong>, \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Ftree\u002Flatest\u002Fpackages\u002Fag-grid-angular\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fangular.svg?raw=true\" height=\"16\" width=\"16\" alt=\"Angular Logo\"> Angular\u003C\u002Fa>\u003C\u002Fstrong> and \u003Cstrong>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Ftree\u002Flatest\u002Fpackages\u002Fag-grid-vue3\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fvue.svg?raw=true\" height=\"16\" width=\"16\" alt=\"Vue Logo\"> Vue\u003C\u002Fa>\u003C\u002Fstrong>.\u003C\u002Fp>\n    \u003C!-- END MAIN DESCRIPTION -->\n    \u003Cbr>\n\u003C\u002Fdiv>\n\n\u003Cpicture>\n    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fkitchen-sink-demo-light.gif?raw=true\" media=\"(prefers-color-scheme: light)\">\n    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fkitchen-sink-demo-dark.gif?raw=true\" media=\"(prefers-color-scheme: dark)\">\n    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fkitchen-sink-demo-light.gif?raw=true\" alt=\"High Performance Demo\">\n\u003C\u002Fpicture>\n\u003Cdiv align=\"right\">\n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\u003Cbr>\u003Cimg alt=\"Static Badge\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fag%E2%80%93grid.com-Live%20Demo-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D\">\n\u003C\u002Fa>\n\u003C\u002Fdiv>\n\n## 📖 Overview\n\n\u003Cdetails>\n  \u003Csummary>\u003Cstrong>Table of Contents\u003C\u002Fstrong>\u003C\u002Fsummary>\n\n- [JavaScript Data Grid | JavaScript Table]\n    - [📖 Overview](#overview)\n        - [Features](#features)\n        - [Examples](#examples)\n    - [⚡️ Quick Start](#️quick-start)\n        - [Installation](#installation)\n        - [Setup](#setup)\n        - [Seed Projects](#seed-projects)\n    - [🛠️ Customisations](#️customisations)\n        - [Custom Components](#custom-components)\n        - [Themes](#themes)\n        - [Custom Themes](#custom-themes)\n    - [🌍 Community](#community)\n        - [Tools \\& Extensions](#tools--extensions)\n        - [Showcase](#showcase)\n        - [Stargazers](#stargazers)\n    - [🤝 Support](#support)\n        - [Enterprise Support](#enterprise-support)\n        - [Bug Reports](#bug-reports)\n        - [Questions](#questions)\n        - [Contributing](#contributing)\n    - [⚠️ License](#️license)\n\n\u003C\u002Fdetails>\n\nAG Grid is available in two versions: Community & Enterprise.\n\n- `ag-grid-community` is free, available under the MIT license, and comes with all of the core features expected from a JavaScript Data Grid, including [Sorting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Frow-sorting\u002F#sorting?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Filtering](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ffiltering\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Pagination](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Frow-pagination\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Editing](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcell-editing\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Custom Components](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-cell-renderer\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Theming](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) and more.\n- `ag-grid-enterprise` is available under a commercial license and comes with advanced features, like [AI Toolkit](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fai-toolkit\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Integrated Charting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fintegrated-charts\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Formulas](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fformulas\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Row Grouping](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fgrouping\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Aggregation](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fgrouping\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Pivoting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fpivoting\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Master\u002FDetail](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fmaster-detail\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Server-side Row Model](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fserver-side-model\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), [Find](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ffind\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) and [Exporting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fexcel-export\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) in addition to dedicated support from our Engineering team.\n\n### Features\n\n| Feature                                                                                                                                                        | AG Grid Community | AG Grid Enterprise |\n| -------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | ------------------ |\n| [MCP Server](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fmcp-server\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                     | ✅                | ✅ (Advanced)      |\n| [Filtering](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ffiltering\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                       | ✅                | ✅ (Advanced)      |\n| [Sorting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Frow-sorting\u002F#sorting?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)               | ✅                | ✅                 |\n| [Cell Editing](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcell-editing\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                 | ✅                | ✅                 |\n| [CSV Export](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcsv-export\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                     | ✅                | ✅                 |\n| [Drag & Drop](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fdrag-and-drop\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                 | ✅                | ✅                 |\n| [Themes and Styling](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                 | ✅                | ✅                 |\n| [Selection](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Frow-selection\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                   | ✅                | ✅                 |\n| [Accessibility](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Faccessibility\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)               | ✅                | ✅                 |\n| [Infinite Scrolling](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Finfinite-scrolling\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)     | ✅                | ✅                 |\n| [Pagination](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Frow-pagination\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                 | ✅                | ✅                 |\n| [Server-Side Data](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fserver-side-model\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)        | ✅                | ✅ (Advanced)      |\n| [Custom Components](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-cell-renderer\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) | ✅                | ✅                 |\n| [AI Toolkit](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fai-toolkit\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                     | ❌                | ✅                 |\n| [Integrated Charting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fintegrated-charts\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)     | ❌                | ✅                 |\n| [Formulas](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fformulas\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                         | ❌                | ✅                 |\n| [Find](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ffind\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                                 | ❌                | ✅                 |\n| [Range Selection](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Frange-selection\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)           | ❌                | ✅                 |\n| [Row Grouping and Aggregation](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fgrouping\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)     | ❌                | ✅                 |\n| [Pivoting](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fpivoting\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                         | ❌                | ✅                 |\n| [Excel Export](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fexcel-export\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                 | ❌                | ✅                 |\n| [Clipboard Operations](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fclipboard\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)            | ❌                | ✅                 |\n| [Master\u002FDetail](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fmaster-detail\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)               | ❌                | ✅                 |\n| [Tree Data](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ftree-data\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                       | ❌                | ✅                 |\n| [Column Menu](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcolumn-menu\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                   | ❌                | ✅                 |\n| [Context Menu](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcontext-menu\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                 | ❌                | ✅                 |\n| [Tool Panels](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ftool-panel\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github)                    | ❌                | ✅                 |\n| [Support](https:\u002F\u002Fag-grid.zendesk.com\u002Fhc\u002Fen-us)                                                                                                                | ❌                | ✅                 |\n\n\u003Cblockquote>\n    \u003Cp>ℹ️ \u003Cb>Note:\u003C\u002Fb>\u003C\u002Fp>\n    \u003Cspan>Visit the \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Flicense-pricing\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">Pricing\u003C\u002Fa> page for a full comparison.\u003C\u002Fspan>\n\u003C\u002Fblockquote>\n\n### Examples\n\nWe've created several demos to showcase AG Grid's rich feature set across different use cases. See them in action below, or interact with them on our [Demo](https:\u002F\u002Fwww.ag-grid.com\u002Fexample\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) page.\n\n\u003Cdetails open>\n  \u003Csummary>🏦 \u003Cb>Financial Demo\u003C\u002Fb>\u003C\u002Fsummary>\n  \u003Cbr>\n  \u003Cp>Financial data example featuring live updates and sparklines:\u003C\u002Fp>\n  \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample-finance\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n    \u003Cpicture>\n      \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Ffinance-demo-light.gif?raw=true\" media=\"(prefers-color-scheme: light)\">\n      \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Ffinance-demo-dark.gif?raw=true\" media=\"(prefers-color-scheme: dark)\">\n      \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Ffinance-demo-light.gif?raw=true\" alt=\"Finance\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n  \u003Cbr>\n  \u003Cdiv align=\"right\">\u003Cspan>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample-finance\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">Live Demo\u003C\u002Fa>\u003C\u002Fspan> • \u003Cspan>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-demos\u002Ftree\u002Fmain\u002Ffinance\">Source Code\u003C\u002Fa>\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cbr>\n\u003C\u002Fdetails>\n\u003Cdetails>\n  \u003Csummary>📦 \u003Cb>Inventory Demo\u003C\u002Fb>\u003C\u002Fsummary>\n  \u003Cbr>\n  \u003Cp>Inventory data example to view and manage products:\u003C\u002Fp>\n  \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample-inventory\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n    \u003Cpicture>\n      \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Finventory-demo-light.gif?raw=true\" media=\"(prefers-color-scheme: light)\">\n      \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Finventory-demo-dark.gif?raw=true\" media=\"(prefers-color-scheme: dark)\">\n      \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Finventory-demo-light.gif?raw=true\" alt=\"Finance\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n  \u003Cdiv align=\"right\">\u003Cspan>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample-inventory\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">Live Demo\u003C\u002Fa>\u003C\u002Fspan> • \u003Cspan>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-demos\u002Ftree\u002Fmain\u002Finventory\">Source Code\u003C\u002Fa>\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cbr>\n\u003C\u002Fdetails>\n\u003Cdetails>\n    \n  \u003Csummary>🧑‍💼 \u003Cb>HR Demo\u003C\u002Fb>\u003C\u002Fsummary>\n  \u003Cbr>\n  \u003Cp>HR data example showing hierarchical employee data:\u003C\u002Fp>\n  \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample-hr\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n    \u003Cpicture>\n      \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fhr-demo-light.gif?raw=true\" media=\"(prefers-color-scheme: light)\">\n      \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fhr-demo-dark.gif?raw=true\" media=\"(prefers-color-scheme: dark)\">\n      \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fhr-demo-light.gif?raw=true\" alt=\"Finance\">\n    \u003C\u002Fpicture>\n  \u003C\u002Fa>\n  \u003Cdiv align=\"right\">\u003Cspan>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fexample-hr\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">Live Demo\u003C\u002Fa>\u003C\u002Fspan> • \u003Cspan>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-demos\u002Ftree\u002Fmain\u002Fhr\">Source Code\u003C\u002Fa>\u003C\u002Fspan>\u003C\u002Fdiv>\n\u003Cbr>\n\u003C\u002Fdetails>\n\n## ⚡️ Quick Start\n\n\u003C!-- START QUICK START DESCRIPTION -->\n\nAG Grid is easy to set up - all you need to do is provide your data and define your column structure. Read on for vanilla JavaScript installation instructions, or refer to our framework-specific guides for\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Freact-data-grid\u002Fgetting-started\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Freact.svg?raw=true\" height=\"16\" width=\"16\" alt=\"React Logo\"> React\u003C\u002Fa>\u003C\u002Fstrong>,\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fangular-data-grid\u002Fgetting-started\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fangular.svg?raw=true\" height=\"16\" width=\"16\" alt=\"Angular Logo\"> Angular\u003C\u002Fa>\u003C\u002Fstrong> and\u003Cstrong>\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fvue-data-grid\u002Fgetting-started\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fvue.svg?raw=true\" height=\"16\" width=\"16\" alt=\"Vue Logo\"> Vue.\u003C\u002Fa>\u003C\u002Fstrong>\n\n\u003C!-- END QUICK START DESCRIPTION -->\n\n### Installation\n\n```sh\n$ npm install --save ag-grid-community\n```\n\n### Setup\n\n\u003C!-- START SETUP -->\n\n**1. Provide a Container**\n\n\u003C!-- Create JavaScript -->\n\nLoad the AG Grid library and create a container div. The div should have a height because the Data Grid will fill the size of the parent container:\n\n```html\n\u003Chtml lang=\"en\">\n    \u003Chead>\n        \u003C!-- Includes all JS & CSS for the JavaScript Data Grid -->\n        \u003Cscript src=\"https:\u002F\u002Fcdn.jsdelivr.net\u002Fnpm\u002Fag-grid-community\u002Fdist\u002Fag-grid-community.min.js\">\u003C\u002Fscript>\n    \u003C\u002Fhead>\n    \u003Cbody>\n        \u003C!-- Your Data Grid container -->\n        \u003Cdiv id=\"myGrid\" style=\"height: 500px\">\u003C\u002Fdiv>\n    \u003C\u002Fbody>\n\u003C\u002Fhtml>\n```\n\n**2. Instantiating the JavaScript Data Grid**\n\nCreate the Data Grid inside of your container div using `createGrid`.\n\n```js\n\u002F\u002F Grid Options: Contains all of the Data Grid configurations\nconst gridOptions = {};\n\n\u002F\u002F Your Javascript code to create the Data Grid\nconst myGridElement = document.querySelector('#myGrid');\nagGrid.createGrid(myGridElement, gridOptions);\n```\n\n**3. Define Rows and Columns**\n\n```js\n\u002F\u002F Grid Options: Contains all of the Data Grid configurations\nconst gridOptions = {\n    \u002F\u002F Row Data: The data to be displayed.\n    rowData: [\n        { make: 'Tesla', model: 'Model Y', price: 64950, electric: true },\n        { make: 'Ford', model: 'F-Series', price: 33850, electric: false },\n        { make: 'Toyota', model: 'Corolla', price: 29600, electric: false },\n    ],\n    \u002F\u002F Column Definitions: Defines the columns to be displayed.\n    columnDefs: [{ field: 'make' }, { field: 'model' }, { field: 'price' }, { field: 'electric' }],\n};\n```\n\n\u003C!-- END SETUP -->\n\n\u003Cblockquote>\n    \u003Cp>ℹ️ \u003Cb>Note:\u003C\u002Fb>\u003C\u002Fp>\n    \u003Cspan>For more information on building Data Grids with AG Grid, refer to our \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fgetting-started\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=githu\">Documentation\u003C\u002Fa>.\u003C\u002Fspan>\n\u003C\u002Fblockquote>\n\n### Seed Projects\n\nWe also provide [Seed Projects](https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed) to help you get started with common configurations:\n\n\u003Ctable width=\"100%\">\n  \u003Cthead>\n    \u003Ctr>\n      \u003Cth>Environment\u003C\u002Fth>\n      \u003Cth>Framework\u003C\u002Fth>\n    \u003C\u002Ftr>\n  \u003C\u002Fthead>\n  \u003Ctbody>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fcreate-react-app\">Create React App (CRA)\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Freact.svg?raw=true\" alt=\"React Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fvite-react\">Vite\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Freact.svg?raw=true\" alt=\"React Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fcreate-next-app\">Create Next App\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Freact.svg?raw=true\" alt=\"React Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fvite-typescript\">Vite - TypeScript\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Ftypescript.svg?raw=true\" alt=\"TypeScript Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fwebpack5-typescript\">Webpack 5 - TypeScript\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Ftypescript.svg?raw=true\" alt=\"TypeScript Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fwebpack5-javascript\">Webpack 5 - JavaScript\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fjavascript.svg?raw=true\" alt=\"JavaScript Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fangular-cli\">Angular CLI\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fangular.svg?raw=true\" alt=\"Angular Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fnuxt-vue3\">Nuxt\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fvue.svg?raw=true\" alt=\"Vue3 Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n      \u003Ctd>\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid-seed\u002Ftree\u002Fmain\u002Fenterprise\u002Fpackages\u002Fvite-vue3\">Vite\u003C\u002Fa>\u003C\u002Ftd>\n      \u003Ctd align=\"middle\">\u003Cimg width=\"22\" height=\"22\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Ffw-logos\u002Fvue.svg?raw=true\" alt=\"Vue3 Logo\">\u003C\u002Ftd>\n    \u003C\u002Ftr>\n  \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n## 🛠️ Customisations\n\nAG Grid is fully customisable, both in terms of appearance and functionality. There are many ways in which the grid can be customised and we provide a selection of tools to help create those customisations.\n\n### Custom Components\n\nYou can create your own Custom Components to customise the behaviour of the grid. For example, you can customise how cells are rendered, how values are edited and also create your own filters.\n\nThere are a number of different [Component Types](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponents\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) that you can provide to the grid, including:\n\n- [Cell Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-cell-renderer\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise the contents of a cell.\n- [Header Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcolumn-headers\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise the header of a column and column groups.\n- [Edit Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcell-editors\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise the editing of a cell.\n- [Filter Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-filter\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): For custom column filter that appears inside the column menu.\n- [Floating Filter](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-floating-filter\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): For custom column floating filter that appears inside the column menu.\n- [Date Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ffilter-date\u002F#custom-selection-component?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise the date selection component in the date filter.\n- [Loading Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-loading-cell-renderer\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise the loading cell row when using Server Side Row Model.\n- [Overlay Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Foverlays-overview\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise loading and no rows overlay components or provide a custom overlay.\n- [Status Bar Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fstatus-bar\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): For custom status bar components.\n- [Tool Panel Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-tool-panel\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): For custom tool panel components.\n- [Tooltip Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ftooltips\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): For custom cell tooltip components.\n- [Menu Item Component](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fcomponent-menu-item\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github): To customise the menu items shown in the Column and Context Menus.\n\nTo supply a custom cell renderer and filter components to the Grid, create a direct reference to your component within the `gridOptions.columnDefs` property:\n\n```js\ngridOptions = {\n    columnDefs: [\n        {\n            field: 'country', \u002F\u002F The column to add the component to\n            cellRenderer: CountryCellRenderer, \u002F\u002F Your custom cell component\n            filter: CountryFilter, \u002F\u002F Your custom filter component\n        },\n    ],\n};\n```\n\n### Themes\n\nAG Grid has 4 [themes](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), each available in `light` & `dark` modes:\n\n\u003Ctable>\n    \u003Ctr>\n        \u003Cth>Quartz\u003C\u002Fth>\n        \u003Cth>Material\u003C\u002Fth>\n    \u003C\u002Ftr>\n    \u003Ctr>\n        \u003Ctd>\n            \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n                \u003Cpicture>\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fquartz-theme-light.png?raw=true\" media=\"(prefers-color-scheme: light)\">\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fquartz-theme.png?raw=true\" media=\"(prefers-color-scheme: dark)\">\n                    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fquartz-theme-light.png?raw=true\" alt=\"Quartz Theme\">\n                \u003C\u002Fpicture>\n            \u003C\u002Fa>\n        \u003C\u002Ftd>\n        \u003Ctd>\n            \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n                \u003Cpicture>\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fmaterial-theme-light.png?raw=true\" media=\"(prefers-color-scheme: light)\">\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fmaterial-theme.png?raw=true\" media=\"(prefers-color-scheme: dark)\">\n                    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fmaterial-theme-light.png?raw=true\" alt=\"Material Theme\">\n                \u003C\u002Fpicture>\n            \u003C\u002Fa>\n        \u003C\u002Ftd>\n    \u003C\u002Ftr>\n    \u003Ctr>\n        \u003Cth>Alpine\u003C\u002Fth>\n        \u003Cth>Balham\u003C\u002Fth>\n    \u003C\u002Ftr>\n    \u003Ctr>\n        \u003Ctd>\n            \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n                \u003Cpicture>\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Falpine-theme-light.png?raw=true\" media=\"(prefers-color-scheme: light)\">\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Falpine-theme.png?raw=true\" media=\"(prefers-color-scheme: dark)\">\n                    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Falpine-theme-light.png?raw=true\" alt=\"Alpine Theme\">\n                \u003C\u002Fpicture>\n            \u003C\u002Fa>\n        \u003C\u002Ftd>\n        \u003Ctd>\n            \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fthemes\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github\">\n                \u003Cpicture>\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fbalham-theme-light.png?raw=true\" media=\"(prefers-color-scheme: light)\">\n                    \u003Csource srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fbalham-theme.png?raw=true\" media=\"(prefers-color-scheme: dark)\">\n                    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Freadme-assets\u002Fbalham-theme-light.png?raw=true\" alt=\"Balham Theme\">\n                \u003C\u002Fpicture>\n            \u003C\u002Fa>\n        \u003C\u002Ftd>\n    \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n### Custom Themes\n\nAll AG Grid themes can be customised using the [Theming API](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Ftheming\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github), or you can create a new theme from scratch with the help of our [Theme Builder](https:\u002F\u002Fwww.ag-grid.com\u002Ftheme-builder\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) or [Figma Design System](https:\u002F\u002Fwww.figma.com\u002Fcommunity\u002Ffile\u002F1360600846643230092\u002Fag-grid-design-system).\n\n## 🌍 Community\n\n### Tools & Extensions\n\nAG Grid has a large and active community who have created an [ecosystem of 3rd party tools, extensions and utilities](https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) to help you build your next project with AG Grid, no matter which language or framework you use:\n\n\u003Cdiv>\n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Freact.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"React Logo\"> React\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Fangular.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"Angular Logo\"> Angular\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Ftypescript.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"TypeScript Logo\"> TypeScript\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Fvue.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"Vue Logo\"> Vue\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Fpython.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"Python Logo\"> Python\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Fsvelte.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"Svelte Logo\"> Svelte\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Fsolidjs.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"SolidJS Logo\"> SolidJS\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002F.net.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\".NET Logo\"> .NET\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Frust.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"Rust Logo\"> Rust\u003C\u002Fspan>\n    \u003C\u002Fa> • \n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Ftools-extensions\u002F\">\n        \u003Cspan>\u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fcommunity\u002Fframeworks\u002Flaravel.svg?raw=true\" align=\"center\" width=\"16\" height=\"16\" alt=\"Laravel Logo\"> Laravel\u003C\u002Fspan>\n    \u003C\u002Fa>\n\u003C\u002Fdiv>\n\n### Showcase\n\nAG Grid is used by 100,000's of developers across the world, from almost every industry. Whilst most of these projects are private, we've curated a selection of open-source projects from different industries where household names use AG Grid, including **J.P.Morgan**, **MongoDB** and **NASA**. Visit our [Community Showcase](https:\u002F\u002Fwww.ag-grid.com\u002Fcommunity\u002Fshowcase\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) page to learn more.\n\n### Stargazers\n\nFounded in 2016, AG Grid has seen a steady rise in popularity and is now the market leader for Data Grids:\n\n\u003Cpicture>\n  \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=ag-grid\u002Fag-grid&type=Date&theme=dark\"\u002F>\n  \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=ag-grid\u002Fag-grid&type=Date\"\u002F>\n  \u003Cimg width=\"100%\" alt=\"The AG Grid star history chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=ag-grid\u002Fag-grid&type=Date\"\u002F>\n\u003C\u002Fpicture>\n\n## 🤝 Support\n\n### Enterprise Support\n\nAG Grid Enterprise customers have access to dedicated support via [ZenDesk](https:\u002F\u002Fag-grid.zendesk.com\u002Fhc\u002Fen-us), which is monitored by our engineering teams.\n\n### Bug Reports\n\nIf you have found a bug, please report it in this repository's [issues](https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fissues) section.\n\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fissues-closed\u002Fag-grid\u002Fag-grid?style=for-the-badge&color=%233d8c40\" alt=\"GitHub Issues\" height=\"26\">\n\n### Questions\n\nLook for similar problems on [StackOverflow](https:\u002F\u002Fstackoverflow.com\u002Fquestions\u002Ftagged\u002Fag-grid) using the `ag-grid` tag. If nothing seems related, post a new message there. Please do not use GitHub issues to ask questions.\n\n\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fstackexchange\u002Fstackoverflow.com\u002Ft\u002Fag-grid?style=for-the-badge&color=%233d8c40\" alt=\"Stack Exchange questions\" height=\"26\">\n\n### Contributing\n\nAG Grid is developed by a team of co-located developers in London. If you want to join the team send your application to info@ag-grid.com.\n\n## ⚠️ License\n\n`ag-grid-community` is licensed under the **MIT** license.\n\n`ag-grid-enterprise` has a **Commercial** license.\n\nSee the [LICENSE file](.\u002FLICENSE.txt) for more info.\n\n\u003Cdiv>\u003Ch2>\u003Cimg vertical-align=\"middle\" width=\"32\" height=\"32\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-grid\u002Fblob\u002Flatest\u002Fdocumentation\u002Fag-grid-docs\u002Fpublic\u002Fimages\u002Fag-logos\u002Fsvg-logos\u002FAG-BrandMark_Light-Theme.svg?raw=true\" alt=\"AG ChartsLogo\">AG Charts\u003C\u002Fh2>\u003C\u002Fdiv>\n\nIf you've made it this far, you may be interested in our latest project: [AG Charts](https:\u002F\u002Fwww.ag-grid.com\u002Fcharts?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) - The best JavaScript Charting library in the world.\n\nInitially built to power [Integrated Charts](https:\u002F\u002Fwww.ag-grid.com\u002Fjavascript-data-grid\u002Fintegrated-charts\u002F?utm_source=ag-grid-readme&utm_medium=repository&utm_campaign=github) in AG Grid, we open-sourced this project in 2018. Having seen the steady rise in popularity since then, we have decided to invest in AG Charts with a dedicated Enterprise version (`ag-charts-enterprise`) in addition to our continued support of `ag-charts-community`.\n\n\u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcharts\u002F?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github\">\n\u003Cpicture>\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-charts\u002Fblob\u002F2ee85f286ccc151cb5e4517f711bafd03366db3c\u002Fpackages\u002Fag-charts-website\u002Fpublic\u002Fimages\u002Freadme-assets\u002Fgallery-dark.gif?raw=true\"\u002F>\n    \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-charts\u002Fblob\u002F2ee85f286ccc151cb5e4517f711bafd03366db3c\u002Fpackages\u002Fag-charts-website\u002Fpublic\u002Fimages\u002Freadme-assets\u002Fgallery.gif?raw=true\"\u002F>\n    \u003Cimg width=\"100%\" alt=\"Preview of AG Charts JavaScript Charting Examples\" src=\"https:\u002F\u002Fgithub.com\u002Fag-grid\u002Fag-charts\u002Fblob\u002F2ee85f286ccc151cb5e4517f711bafd03366db3c\u002Fpackages\u002Fag-charts-website\u002Fpublic\u002Fimages\u002Freadme-assets\u002Fgallery.gif?raw=true\"\u002F>\n\u003C\u002Fpicture>\n\u003C\u002Fa>\n\n\u003Cdiv align=\"right\">\n    \u003Ca href=\"https:\u002F\u002Fwww.ag-grid.com\u002Fcharts\u002F?utm_source=ag-charts-readme&utm_medium=repository&utm_campaign=github\">\u003Cbr>\u003Cimg alt=\"Static Badge\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fag%E2%80%93charts.com-Learn%20More%20-blue?style=for-the-badge&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8%2BCg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE4IDIwLjc1SDZDNS4yNzA2NSAyMC43NSA0LjU3MTE4IDIwLjQ2MDMgNC4wNTU0NiAxOS45NDQ1QzMuNTM5NzMgMTkuNDI4OCAzLjI1IDE4LjcyOTMgMy4yNSAxOFY2QzMuMjUgNS4yNzA2NSAzLjUzOTczIDQuNTcxMTggNC4wNTU0NiA0LjA1NTQ2QzQuNTcxMTggMy41Mzk3MyA1LjI3MDY1IDMuMjUgNiAzLjI1SDEyQzEyLjE5ODkgMy4yNSAxMi4zODk3IDMuMzI5MDIgMTIuNTMwMyAzLjQ2OTY3QzEyLjY3MSAzLjYxMDMyIDEyLjc1IDMuODAxMDkgMTIuNzUgNEMxMi43NSA0LjE5ODkxIDEyLjY3MSA0LjM4OTY4IDEyLjUzMDMgNC41MzAzM0MxMi4zODk3IDQuNjcwOTggMTIuMTk4OSA0Ljc1IDEyIDQuNzVINkM1LjY2ODQ4IDQuNzUgNS4zNTA1NCA0Ljg4MTcgNS4xMTYxMiA1LjExNjEyQzQuODgxNyA1LjM1MDU0IDQuNzUgNS42Njg0OCA0Ljc1IDZWMThDNC43NSAxOC4zMzE1IDQuODgxNyAxOC42NDk1IDUuMTE2MTIgMTguODgzOUM1LjM1MDU0IDE5LjExODMgNS42Njg0OCAxOS4yNSA2IDE5LjI1SDE4QzE4LjMzMTUgMTkuMjUgMTguNjQ5NSAxOS4xMTgzIDE4Ljg4MzkgMTguODgzOUMxOS4xMTgzIDE4LjY0OTUgMTkuMjUgMTguMzMxNSAxOS4yNSAxOFYxMkMxOS4yNSAxMS44MDExIDE5LjMyOSAxMS42MTAzIDE5LjQ2OTcgMTEuNDY5N0MxOS42MTAzIDExLjMyOSAxOS44MDExIDExLjI1IDIwIDExLjI1QzIwLjE5ODkgMTEuMjUgMjAuMzg5NyAxMS4zMjkgMjAuNTMwMyAxMS40Njk3QzIwLjY3MSAxMS42MTAzIDIwLjc1IDExLjgwMTEgMjAuNzUgMTJWMThDMjAuNzUgMTguNzI5MyAyMC40NjAzIDE5LjQyODggMTkuOTQ0NSAxOS45NDQ1QzE5LjQyODggMjAuNDYwMyAxOC43MjkzIDIwLjc1IDE4IDIwLjc1WiIgZmlsbD0iI2ZmZmZmZiIvPiA8cGF0aCBkPSJNMjAgOC43NUMxOS44MDE5IDguNzQ3NDEgMTkuNjEyNiA4LjY2NzU2IDE5LjQ3MjUgOC41Mjc0N0MxOS4zMzI0IDguMzg3MzcgMTkuMjUyNiA4LjE5ODExIDE5LjI1IDhWNC43NUgxNkMxNS44MDExIDQuNzUgMTUuNjEwMyA0LjY3MDk4IDE1LjQ2OTcgNC41MzAzM0MxNS4zMjkgNC4zODk2OCAxNS4yNSA0LjE5ODkxIDE1LjI1IDRDMTUuMjUgMy44MDEwOSAxNS4zMjkgMy42MTAzMiAxNS40Njk3IDMuNDY5NjdDMTUuNjEwMyAzLjMyOTAyIDE1LjgwMTEgMy4yNSAxNiAzLjI1SDIwQzIwLjE5ODEgMy4yNTI1OSAyMC4zODc0IDMuMzMyNDQgMjAuNTI3NSAzLjQ3MjUzQzIwLjY2NzYgMy42MTI2MyAyMC43NDc0IDMuODAxODkgMjAuNzUgNFY4QzIwLjc0NzQgOC4xOTgxMSAyMC42Njc2IDguMzg3MzcgMjAuNTI3NSA4LjUyNzQ3QzIwLjM4NzQgOC42Njc1NiAyMC4xOTgxIDguNzQ3NDEgMjAgOC43NVoiIGZpbGw9IiNmZmZmZmYiLz4gPHBhdGggZD0iTTEzLjUgMTEuMjVDMTMuMzA3MSAxMS4yMzUyIDEzLjEyNzYgMTEuMTQ1NSAxMyAxMUMxMi44NzcgMTAuODYyNSAxMi44MDkgMTAuNjg0NSAxMi44MDkgMTAuNUMxMi44MDkgMTAuMzE1NSAxMi44NzcgMTAuMTM3NSAxMyAxMEwxOS41IDMuNUMxOS41Njg3IDMuNDI2MzEgMTkuNjUxNSAzLjM2NzIxIDE5Ljc0MzUgMy4zMjYyMkMxOS44MzU1IDMuMjg1MjMgMTkuOTM0OCAzLjI2MzE5IDIwLjAzNTUgMy4yNjE0MUMyMC4xMzYyIDMuMjU5NjMgMjAuMjM2MiAzLjI3ODE2IDIwLjMyOTYgMy4zMTU4OEMyMC40MjMgMy4zNTM2IDIwLjUwNzggMy40MDk3NCAyMC41NzkgMy40ODA5NkMyMC42NTAzIDMuNTUyMTggMjAuNzA2NCAzLjYzNzAxIDIwLjc0NDEgMy43MzA0QzIwLjc4MTggMy44MjM3OSAyMC44MDA0IDMuOTIzODIgMjAuNzk4NiA0LjAyNDUyQzIwLjc5NjggNC4xMjUyMyAyMC43NzQ4IDQuMjI0NTQgMjAuNzMzOCA0LjMxNjU0QzIwLjY5MjggNC40MDg1NCAyMC42MzM3IDQuNDkxMzQgMjAuNTYgNC41NkwxNCAxMUMxMy44NzI0IDExLjE0NTUgMTMuNjkyOSAxMS4yMzUyIDEzLjUgMTEuMjVaIiBmaWxsPSIjZmZmZmZmIi8%2BIDwvZz4KDTwvc3ZnPg%3D%3D\">\n\u003C\u002Fa>\n\u003C\u002Fdiv>\n\n\u003Cdiv align=\"center\">\n    \n\u003Chr\u002F>\n\n\u003Cstrong>Follow us to keep up to date with all the latest news from AG Grid:\u003C\u002Fstrong>\n\n\u003Ca href=\"https:\u002F\u002Fx.com\u002Fag_grid\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-X%20(Twitter)-black?style=for-the-badge&logo=x\" alt=\"Twitter Badge\" height=\"36\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fcompany\u002Fag-grid\u002F\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-LinkedIn-blue?style=for-the-badge&logo=linkedin\" alt=\"LinkedIn Badge\" height=\"36\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002Fc\u002Fag-grid\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-YouTube-red?style=for-the-badge&logo=youtube\" alt=\"YouTube Badge\" height=\"36\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fblog.ag-grid.com\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002F-Blog-grey?style=for-the-badge&logo=rss\" alt=\"Blog Badge\" height=\"36\">\u003C\u002Fa>\n\n\u003C\u002Fdiv>\n","AG Grid 是一个功能全面且高度可定制的 JavaScript 数据表格库，适用于构建企业级应用。它支持 React、Angular、Vue 和原生 JavaScript，并提供丰富的功能如排序、过滤、分组、分页、图表等，能够满足复杂的数据展示需求。该库采用 TypeScript 编写，确保了代码质量和类型安全。AG Grid 适用于需要高性能数据处理和展示的企业应用场景，特别是在需要对大量数据进行实时操作的情况下。",2,"2026-06-11 02:56:43","top_language"]