{"id":28534,"date":"2025-11-20T09:53:17","date_gmt":"2025-11-20T09:53:17","guid":{"rendered":"urn:uuid:b27f8f77-4bb2-4f26-adbc-cd62a5d87af0"},"modified":"2026-05-06T12:10:11","modified_gmt":"2026-05-06T12:10:11","slug":"highcharts-grid-pro-is-here","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/highcharts-grid-pro-is-here\/","title":{"rendered":"Highcharts Grid Pro is here"},"content":{"rendered":"\n<p>We\u2019re pleased to announce the official launch of Highcharts Grid Pro, a lightweight tool for creating, editing and customizing JavaScript data tables without unnecessary bloat.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Plus, we\u2019ve added some cool new features for all Grid users. Let\u2019s dive into the details.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Grid Pro was built to make your life easier<\/strong><\/h2>\n\n\n\n<p>Highcharts Grid Pro builds on the speed and simplicity of Grid Lite with a full set of tools for creating, editing, and customizing interactive data tables. It\u2019s lean by design, giving you the tools you actually need minus the complex configuration. Plus, with a familiar API shared across all Highcharts libraries, setup feels natural.<\/p>\n\n\n\n<p>Buy Grid Pro as a standalone data table component, or purchase Highcharts Dashboards, where it&#8217;s already integrated and ready to connect and sync with your charts and components for a complete interactive data experience.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-brand-100-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p><strong>Please note:<\/strong> Starting May 6, 2026, the Highcharts Dashboard license no longer includes Highcharts Grid Pro usage. Existing customers with active Dashboard licenses that included Grid Pro prior to May 6th are not affected during their current license term.<\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Grid Pro Features<\/strong><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Interactive Cell Editing&nbsp;<\/strong><\/h3>\n\n\n\n<p>Edit your data in real time with built-in editors for text, numbers, and dates.&nbsp; No forms necessary.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/cell-editing\" target=\"_blank\" rel=\"noreferrer noopener\">See full demo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"246\" style=\"aspect-ratio: 912 \/ 246;\" width=\"912\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/cell-editing.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Configurable Validation Rules<\/b><\/h3>\n\n\n\n<p>Ensure your data is clean and consistent with built-in validation. Use simple field checks or configure custom business logic.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/validation\" target=\"_blank\" rel=\"noreferrer noopener\">See full demo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"408\" style=\"aspect-ratio: 918 \/ 408;\" width=\"918\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/vallidation.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Sparklines<\/b><\/h3>\n\n\n\n<p>Bring your data to life directly inside the table with small charts. Highlight trends at a glance, or take it further by embedding full-featured charts powered by Highcharts Core.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/sparklines\" target=\"_blank\" rel=\"noreferrer noopener\">See full demo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"608\" style=\"aspect-ratio: 918 \/ 608;\" width=\"918\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/sparklines.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Custom Behavior with Events<\/b><\/h3>\n\n\n\n<p>Use built-in hooks to create custom events for clicks, edits, and more. Trigger workflows or in-app logic that fits your use case.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/todo-app\" target=\"_blank\" rel=\"noreferrer noopener\">See full demo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-video is-style-default\"><video height=\"922\" style=\"aspect-ratio: 942 \/ 922;\" width=\"942\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/custom-events.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Full Branding Control<\/b><\/h3>\n\n\n\n<p>Style every part of the grid to make it match your product perfectly without watermarks.<br><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/grid-theming\" target=\"_blank\" rel=\"noopener\">See full demo<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"708\" style=\"aspect-ratio: 890 \/ 708;\" width=\"890\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/themeing.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Plus new power features for everyone<\/b><\/h2>\n\n\n\n<p>Alongside the Grid Pro launch, all Highcharts Grid users (Lite and Pro) get two powerful new tools to help manage and explore data tables:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Pagination<\/b><\/h3>\n\n\n\n<p>Split large datasets into manageable pages for better performance and easier navigation.<br><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/grid-pagination\" target=\"_blank\" rel=\"noopener\">See full demo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"730\" style=\"aspect-ratio: 894 \/ 730;\" width=\"894\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/pagination.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><b>Column Filtering<\/b><\/h3>\n\n\n\n<p>Filter and sort your data right inside the grid to make it easy for users to&nbsp;find what matters.<br><a href=\"https:\/\/www.highcharts.com\/demo\/grid\/grid-column-filtering\" target=\"_blank\" rel=\"noopener\">See full demo<\/a><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"632\" style=\"aspect-ratio: 910 \/ 632;\" width=\"910\" autoplay loop muted src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/uploads\/2026\/05\/filtering.mp4\" playsinline><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><b>Stay tuned. The best is yet to come<\/b><\/h2>\n\n\n\n<p>This launch is just the star for Grid Pro.\u00a0 We\u2019ve got exciting updates on the way, including a <b>dedicated React component <\/b>with a more intuitive API that will make Grid Pro feel fully native, and a new <b>server-side model<\/b> designed to handle massive datasets efficiently, with fast initial loads and dynamic fetching and filtering on the server as users interact.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re pleased to announce the official launch of Highcharts Grid Pro, a lightweight tool for creating, editing and customizing JavaScript data tables without unnecessary bloat. Plus, we\u2019ve added some cool new features for all Grid users. Let\u2019s dive into the details. Grid Pro was built to make your life easier Highcharts Grid Pro builds on [&hellip;]<\/p>\n","protected":false},"author":250,"featured_media":28537,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[211],"tags":[1048],"coauthors":[786],"class_list":["post-28534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-highcharts-grid"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/28534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/250"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=28534"}],"version-history":[{"count":3,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/28534\/revisions"}],"predecessor-version":[{"id":30358,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/28534\/revisions\/30358"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/28537"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=28534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=28534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=28534"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=28534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}