--- title: "Sneak Peek at 2021 Volume 1: Essential JS 2" published_at: "2021-03-22T11:50:34+00:00" modified_at: "2024-11-20T06:28:35+00:00" url: "https://www.syncfusion.com/blogs/post/sneak-peek-at-2021-volume-1-essential-js-2" excerpt: "The Syncfusion Essential JS2 (JavaScript) UI control library has been on the market for more than four years. It provides a wide range of standard features for building a modern application. Even though we already have over 65 high-performance UI..." taxonomy_category: - "Essential JS 2" - "Sneak Peek" - "User interface" - "Web" taxonomy_post_tag: - "Essential JS 2" - "Sneak Peek" - "UI controls" - "Web" --- # Sneak Peek at 2021 Volume 1: Essential JS 2 [Sumankumar G](https://www.syncfusion.com/blogs/author/sumankumarg) ![Sneak Peek at 2021 Volume 1: Essential JS 2](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Sneak-Peek-at-2021-Volume-1-Essential-JS-2.png) The Syncfusion [Essential JS2 (JavaScript) UI control library](https://www.syncfusion.com/javascript-ui-controls) has been on the market for more than four years. It provides a wide range of standard features for building a modern application. Even though we already have over 65 high-performance UI controls, we are still working to enhance their features and add new controls based on our customer needs. In this blog post, I am going to explore the new features that will be available for Essential JS 2 in the upcoming 2021 Volume 1 release . ## DataGrid The [DataGrid](https://www.syncfusion.com/javascript-ui-controls/js-data-grid) will have the following set of new features in the Essential JS 2 2021 volume 1 release. ### Exporting data to Excel and PDF Export grid data as Excel or PDF files on the server side, using C# with customization support. ### Exporting grid with template columns Export a grid with template columns that contain images and hyperlinks as Excel and PDF files. ![Exporting DataGrid with template columns](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Exporting-DataGrid-with-template-columns.jpg) Excel output of exporting DataGrid with template columns ### Auto filter This auto-filter feature will export filtered data along with filter options to Excel files. ![Auto-filter option in JavaScript DataGrid](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Auto-filter-option-in-JavaScript-DataGrid.jpg) Auto-filter option in JavaScript DataGrid ### Drag and drop rows between grids Drag and drop rows from grid to grid with a row indicator, which will specify the drop location. ![Dragging and dropping rows between grids](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Dragging-and-dropping-rows-between-grids.gif) Dragging and dropping rows between grids ### Mobile Layout The grid user interface (UI) was redesigned for better viewing and usability on small screens. Customized features will include responsive row rendering, filtering, sorting, searching, and editing. ![JavaScript DataGrid in Mobile Layout](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/JavaScript-DataGrid-in-Mobile-Layout.gif) JavaScript DataGrid in Mobile Layout ## Kanban board The [JavaScript Kanban Board](https://www.syncfusion.com/javascript-ui-controls/js-kanban-board) will have the below feature in it. ### External drag and drop This feature will allow users to drag and drop a card from one Kanban board to another. Also, this will allow users to drag a card from Kanban to an external source such as the Schedule or DataGrid control and vice versa. ![Dragging and dropping cards between Kanban Boards](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Dragging-and-dropping-cards-between-Kanban-Boards.gif) Dragging and dropping cards between Kanban boards ## Pivot Table The [JavaScript Pivot Table](https://www.syncfusion.com/javascript-ui-controls/js-pivot-table) will have the following exciting features. ### Median aggregation type A median aggregation type will be added. ![Median aggregation type in JavaScript Pivot Table](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Median-aggregation-type-in-JavaScript-Pivot-Table.gif) Median aggregation type in JavaScript Pivot Table ### Multiple axes in Pivot Chart This feature will allow us to display multiple values (i.e., measures) in a single axis. ![Multiple axes in JavaScript Pivot Chart](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Multiple-axes-in-JavaScript-Pivot-Chart.png) Multiple axes in JavaScript Pivot Chart ## Query Builder UI The [JavaScript Query Builder UI](https://www.syncfusion.com/javascript-ui-controls/js-query-builder) control will deliver the following set of features. ### Complex data binding This feature will allow users to create a subfield for columns by specifying either a complex data source or nested columns. ![Complex data binding in JavaScript Query Builder](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Complex-data-binding-in-JavaScript-Query-Builder.png) Complex data binding in JavaScript Query Builder ### Header template Define a custom user interface for creating or deleting rules and groups. Customize the AND/OR condition and NOT condition options. ![Header template in JavaScript Query Builder](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Header-template-in-JavaScript-Query-Builder.png) Header template in JavaScript Query Builder ## Rich Text Editor The [Rich Text Editor](https://www.syncfusion.com/javascript-ui-controls/js-wysiwyg-rich-text-editor) control will have one new feature in the Essential JS 2 2021 Volume 1 release. ### Table cell merge and split Merge two or more row and column cells into a single cell with their content. Split a single cell both horizontally and vertically. ![Table cell merge and split feature in JavaScript Rich Text Editor](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Table-cell-merge-and-split-feature-in-JavaScript-Rich-Text-Editor.png) Table cell merge and split feature in JavaScript Rich Text Editor ## Scheduler The [JavaScript Scheduler](https://www.syncfusion.com/javascript-ui-controls/js-scheduler) control will provide the following useful features. ### Multiple events drag and drop Select multiple events and reschedule them quickly by dragging-and-dropping them. Multiple selections can be done by pressing the CTRL key when clicking. ![Dragging and dropping multiple events in JavaScript Scheduler](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Dragging-and-dropping-multiple-events-in-JavaScript-Scheduler.gif) Dragging and dropping multiple events in JavaScript Scheduler ### Time formats This feature will allow users to set 24-hour or 12-hour time formats in the scheduler. By default, the time format will be applied from the schedule’s current culture configuration. ## Spreadsheet The [JavaScript Spreadsheet](https://www.syncfusion.com/javascript-ui-controls/js-spreadsheet) control will have the following stunning features. ### Freeze pane Keep the specified rows and columns always visible at the top and left side of the sheet while scrolling through it. ![Freeze pane in JavaScript Spreadsheet](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Freeze-pane-in-JavaScript-Spreadsheet.png) Freeze pane in JavaScript Spreadsheet ### PDF export This feature will allow users to save spreadsheet data as a PDF document. ![Exporting Spreadsheet data to PDF format](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Exporting-Spreadsheet-data-to-PDF-format.png) Exporting Spreadsheet data to PDF format ### Password protection for workbooks This feature will help users protect a workbook with a password. ![Password protection for workbook](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Password-protection-for-workbook.png) Password protection for workbooks ## Tab The [JavaScript Tab](https://www.syncfusion.com/javascript-ui-controls/js-tabs) control will have a new feature in the Essential JS 2 2021 Volume 1 release. ### Drag and drop This feature will allow users to reorder Tabs by dragging and dropping to re-prioritize the tab items. It will help us to add tabs dynamically from an external source such as ListView, TreeView and more. ![Drag and drop feature in JavaScript Tab control](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Drag-and-drop-feature-in-JavaScript-Tab-control.gif) Drag and drop feature in JavaScript Tab control ## Tree Grid The [JavaScript TreeGrid](https://www.syncfusion.com/javascript-ui-controls/js-tree-grid) control will have the following impressive features. ### Infinite scrolling While binding large volume of data, this feature will help users fetch and load data instantly when the vertical scrollbar reaches the end of the TreeGrid. ![Infinite scrolling in JavaScript Tree Grid](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Infinite-scrolling-in-JavaScript-Tree-Grid.gif) Infinite scrolling in JavaScript TreeGrid ### Maintain states while exporting Retain the expand or collapse state of a TreeGrid while exporting its rows in a webpage. ![Maintaining states while exporting data in JavaScript TreeGrid](https://www.syncfusion.com/blogs/wp-content/uploads/2021/03/Maintaining-states-while-exporting-data-in-JavaScript-TreeGrid.png) Maintaining states while exporting data in JavaScript TreeGrid ## Conclusion I hope you are excited about the new features that will be available in our upcoming [Essential JS 2](https://www.syncfusion.com/javascript-ui-controls) 2021 Volume 1 release. Along with these highlights, much more will be included in the release. So, stay tuned to our official [Twitter](https://twitter.com/Syncfusion) , [Facebook](https://www.facebook.com/Syncfusion/) , and [LinkedIn](https://www.linkedin.com/company/syncfusion/) pages for announcements about the release. If you want us to add any other feature or control in our Essential JS 2 platform, please let us know in the comment section below. You can also contact us through our [support forums](https://www.syncfusion.com/forums) , [Direct-Trac](https://www.syncfusion.com/support/directtrac/incidents) , or [feedback portal](https://www.syncfusion.com/feedback/javascript) . We are always happy to assist you! If you liked this blog post, we think you’ll also like the following articles too: - [Formatting Essential JavaScript Spreadsheet: Conditional Formatting](https://www.syncfusion.com/blogs/post/conditional-formatting-javascript-spreadsheet.aspx) [Blog] - [Easy Steps to Synchronize Google Drive with JS 2 File Manager](https://www.syncfusion.com/blogs/post/easy-steps-to-synchronize-google-drive-with-js-2-file-manager.aspx) [Blog] - [Show Dynamic Statuses with the New Progress Bar in Essential JS 2](https://www.syncfusion.com/blogs/post/show-dynamic-statuses-with-the-new-progress-bar-in-essential-js-2.aspx) [Blog] - *[JavaScript Succinctly](https://www.syncfusion.com/ebooks/javascript)*[eBook]