{"id":26064,"date":"2025-01-27T16:03:41","date_gmt":"2025-01-27T16:03:41","guid":{"rendered":"https:\/\/www.highcharts.com\/blog\/?p=26064"},"modified":"2026-01-13T12:01:00","modified_gmt":"2026-01-13T12:01:00","slug":"highcharts-grid-lite-is-on-its-way","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/highcharts-grid-lite-is-on-its-way\/","title":{"rendered":"Highcharts Grid Lite is on its way"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-c5bbea69 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<p>We\u2019re excited to announce that Highcharts Grid Lite, the free version of Highcharts Dashboards\u2019 data grid component, will be available soon.<\/p>\n\n\n\n<p>Built to meet modern web standards, Highcharts Grid Lite is the perfect tool for creating responsive, interactive tables. Whether you use it as a standalone component or integrate it into your existing tech stack, it\u2019s a fast, reliable solution for displaying tabular data.<\/p>\n\n\n\n<p>Let\u2019s explore its key features and discover how it can enhance your data presentation.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\"><b>Accessibility-first design<\/b><\/h2>\n\n\n\n<p>Highcharts Grid Lite is built with WCAG compliance in mind. It renders data to a standard HTML table element that\u2019s accessible to keyboard navigation and screen readers, ensuring everyone can interact with your data.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\"><b>High performance with large data sets<\/b><\/h2>\n\n\n\n<p>Highcharts Grid Lite is optimized to handle large datasets with ease thanks to its efficient row virtualization. By rendering only the rows currently visible in the viewport, it minimizes memory usage and ensures smooth scrolling, even with thousands of records. This makes it an ideal choice for applications requiring high performance and scalability.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\"><b>Works with your favorite frameworks<\/b><\/h2>\n\n\n\n<p>Highcharts Grid Lite works with popular frameworks like React, Vue, and Angular and offers flexible integration options that adapt to your preferred development environment.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\"><b>Intuitive API<\/b><\/h2>\n\n\n\n<p>Simplify your workflow with an API designed for developers. Whether you\u2019re populating data or configuring column behavior,&nbsp; our straightforward API helps you implement functionality quickly, saving you valuable development time.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\"><b>Customizable CSS Theming<\/b><\/h2>\n\n\n\n<p>Highcharts Grid Lite uses CSS variables, making it easy to create custom themes that match your application\u2019s style. From fonts to cell colors, every visual aspect of the grid can be tailored to fit your needs.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-355c4241 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading\"><b>Don\u2019t Miss the Launch<\/b><\/h2>\n\n\n\n<p>Sign up below to stay updated and be the first to know when Highcharts Grid Lite is released. We\u2019ll send updates straight to your inbox\u2014no spam, just the latest on this exciting new tool!<\/p>\n\n\n\n<div id=\"form\" style=\"width: 50%;\"><style id=\"wpforms-css-vars-23361\">\n\t\t\t\t#wpforms-23361 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full hsform wpforms-render-modern\" id=\"wpforms-23361\"><form id=\"wpforms-form-23361\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"23361\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/blog\/wp-json\/wp\/v2\/posts\/26064\" data-token=\"f258c74ae033b66934fd60cc0f97e380\" data-token-time=\"1778174832\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-23361-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-23361-field_1\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-23361-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" placeholder=\"Email address\" spellcheck=\"false\" aria-errormessage=\"wpforms-23361-field_1-error\" required><\/div><div id=\"wpforms-23361-field_2-container\" class=\"wpforms-field wpforms-field-hidden ac-form-id-container\" data-field-id=\"2\"><input type=\"hidden\" id=\"wpforms-23361-field_2\" name=\"wpforms[fields][2]\" value=\"12\"><\/div><div id=\"wpforms-23361-field_3-container\" class=\"wpforms-field wpforms-field-hidden ac-tags-container\" data-field-id=\"3\"><input type=\"hidden\" id=\"wpforms-23361-field_3\" name=\"wpforms[fields][3]\" value=\"grid\"><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-turnstile\" ><div class=\"wpforms-turnstile\" data-sitekey=\"0x4AAAAAAAw4EP3QFig1aA4x\" data-action=\"FormID-23361\"><\/div><input type=\"text\" name=\"g-recaptcha-hidden\" class=\"wpforms-recaptcha-hidden\" style=\"position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;\" data-rule-turnstile=\"1\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"23361\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/26064\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-23361\" class=\"wpforms-submit hc-button hs-submit\" data-alt-text=\"Sending\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.highcharts.com\/blog\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container --><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Explore Highcharts Grid Lite key features and discover how it can enhance your data presentation.<\/p>\n","protected":false},"author":250,"featured_media":26077,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"","meta_description":"","hc_selected_options":[],"footnotes":""},"categories":[211],"tags":[1048],"coauthors":[786],"class_list":["post-26064","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\/26064","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=26064"}],"version-history":[{"count":2,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/26064\/revisions"}],"predecessor-version":[{"id":28650,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/26064\/revisions\/28650"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/26077"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=26064"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=26064"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=26064"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=26064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}