{"id":11939,"date":"2023-12-07T14:07:38","date_gmt":"2023-12-07T11:07:38","guid":{"rendered":"https:\/\/dhtmlx.com\/blog\/?p=11939"},"modified":"2026-06-30T17:21:31","modified_gmt":"2026-06-30T14:21:31","slug":"dhtmlx-spreadsheet-5-1","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/dhtmlx-spreadsheet-5-1\/","title":{"rendered":"DHTMLX Spreadsheet 5.1 with New Themes, Simplified Localization of Number Formats, Live Integration Demos with Frameworks, and More"},"content":{"rendered":"

Today we are delighted to present the release of DHTMLX Spreadsheet v5.1. The new version of our JavaScript Spreadsheet component<\/a> is delivered with a pack of useful features, which will appeal to both developers and end-users.<\/p>\n

Firstly, the new Spreadsheet version provides 4 built-in themes that can be customized to your liking. We also introduced simplified localization of number, date, currency, and time formats. Our collection of Spreadsheet integration demos now includes a new example for Svelte, and all such demos are available on the CodeSandbox platform. There are a couple of useful changes related to the export\/import feature. First, you can store the lock status and links of cells when exporting\/importing spreadsheet data in a JSON file. Moreover, if you need to save your project to an Excel file, now it is possible to specify your name for files with the .xlsx extension. For more convenient working with formulas, we also added automatic conversion of lowercase letters to upper-case and auto-closing of formulas.<\/p>\n\n\t\t

\n\t\t
\n\t\t
\n\t\t
Download DHTMLX Spreadsheet v5.1<\/div>\n\t\t
Estimate the updated functionality for delivering Excel-like data tables<\/div>\n <\/div>\n\t\t \n \n
\n Get free trial<\/a>\n <\/div>\n \n <\/div>\n\t\t<\/div>\n\t\n

Now let us review all these novelties in more detail.<\/p>\n

New Customizable Built-in Themes<\/h5>\n

Customization has always been one of the main strengths of all DHTMLX products, including the Spreadsheet component. In v5.1, we significantly expanded Spreadsheet styling capabilities with four new built-in themes that are already available in the Suite library: Light<\/a>, Dark<\/a>, Light High Contrast<\/a>, and Dark High Contrast<\/a>. The availability of high-contrast themes makes our Spreadsheet component accessible to users with eyesight disorders.<\/p>\n

Just like in Suite, there are two ways to enable the needed theme in Spreadsheet. First, you can do it using the dhx.setTheme()<\/strong> method that takes two parameters:<\/p>\n