JavaScript / HTML5 News

Create Responsive Web Applications with Angular 18

June 3, 2024

Smart HTML Elements 19.1.0 introduces support for the latest Angular release, allowing developers to build web apps with new Angular features.

Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart HTML Elements 19.1.0 release adds support for Angular 18, allowing developers to leverage the latest features and functionalities of Angular within their Smart HTML Elements components. Angular 18 introduces improvements in performance by tree-shaking unused code and better lazy loading, plus new features like standalone components and Angular templates in TypeScript.

To see a full list of what's new in 19.1.0, see our release notes.

Smart HTML Elements is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. It includes distribution to Unlimited Web applications, SaaS projects, Intranets and Websites. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.

Simplify Calculations with Formulas and Functions

May 31, 2024

React spreadsheet controls with formula and function support enable real-time, dynamic data analysis and manipulation directly within the browser.

React spreadsheet controls with formula and function capabilities bring the power of spreadsheets to modern web applications. These components allow users to enter data, manipulate it using built-in formulas (like SUM or AVERAGE) or custom functions, and see the results dynamically update within the web interface. This empowers developers to create interactive data analysis tools, financial calculators, or even planning dashboards directly within their React applications.

Several React spreadsheet controls offer formula and function support including:

Telerik Spreadsheet React (part of KendoReact) enables complex formula calculations and function execution directly within cells for dynamic, interactive data analysis.
Wijmo FlexSheet (part of Wijmo from MESCIUS) offers extensive formula support, allowing users to perform comprehensive calculations and data manipulation within spreadsheets.
Jspreadsheet Pro provides robust formula capabilities, facilitating advanced mathematical, logical, and text functions for enhanced data processing in the browser.
Infragistics Spreadsheet React (part of Infragistics Ignite UI) supports a wide range of functions and formulas, enabling real-time calculations and sophisticated data analysis.
Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) offers extensive formula and function support, allowing easy data manipulation.

For an in-depth analysis of features and price, visit our React spreadsheet controls comparison.

Compare React Spreadsheet Controls

Streamline Web Reporting with XLS/XLSX Export

May 31, 2024

Angular reporting controls with XLS/XLSX export streamline collaboration by facilitating data exchange in universally accessible spreadsheet formats.

Reporting components with built-in XLS and XLSX export allow users to seamlessly generate Excel files directly from Angular web applications. This functionality empowers users to easily share and analyze report data in their preferred spreadsheet software, enhancing data accessibility and promoting informed decision-making. These components are particularly valuable for generating financial reports, sales data summaries, and other analytical exports.

Several Angular reporting components allow you to export reports to XLS or XLSX format:

DevExpress Reporting is a reporting platform that can be used in Angular applications to enable the export of reports to XLS or XLSX, enhancing data analysis and portability.
ActiveReportsJS by MESCIUS provides a report viewer that integrates with Angular apps and allows end-users to convert reports into XLS or XLSX formats.
Stimulsoft Reports.JS is an Angular-compatible report generator that enables you to design complex reports and export them to a variety of formats, including XLS and XLSX.

For an in-depth analysis of features and price, visit our comparison of Angular reporting components.

Compare Angular Reporting Components

Import and Export Excel XLSX Using Vue

May 29, 2024

SpreadJS by MESCIUS enables you to drop a fully functioning spreadsheet into your web app, delivering a familiar Excel-like experience to users.

SpreadJS by MESCIUS is a high-performance JavaScript spreadsheet component designed to seamlessly integrate Excel-like functionality into web applications. It empowers developers to deliver robust spreadsheet experiences within their applications, complete with features like data import/export, complex formulas, conditional formatting, and extensive customization options. SpreadJS caters to a wide range of use cases, from financial modeling and data analysis to project management and interactive dashboards, ultimately allowing developers to build feature-rich and user-friendly web applications.

In this blog post, MESCIUS Product Manager Kevin Ashley demonstrates how to enhance an existing Vue app with the ability to import and export XLSX files using SpreadJS. Steps include:

Adding SpreadJS to your Vue App
Adding Excel Import
Adding Excel Export
Testing your Vue App

Detailed sample code is included for each step.

View the complete blog and get starting working with Excel files in your Vue applications.

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

Enhance Angular Spreadsheet Readability

May 28, 2024

Choosing a spreadsheet control with cell formatting support makes your data easier to read, promotes consistency, and enhances user experience.

Cell formatting allows you to customize of the appearance and behavior of individual cells within a spreadsheet or data table to improve readability, comprehension, and accuracy of data presentation. This can encompass adjustments to font style, size, and color, as well as the inclusion of borders, shading, numeric or date formatting, cell alignment and so on. By employing cell formatting, users can significantly enhance the readability and organization of their spreadsheets, allowing for quicker data comprehension and clearer communication of the information they contain. It also helps in distinguishing different types of data, emphasizes important figures, and maintains consistency across related documents, thereby reducing the likelihood of errors and misinterpretations.

Several Angular spreadsheet components support cell formatting, including:

SpreadJS by MESCIUS facilitates extensive cell formatting for any cell property allowing Angular developers to create customized spreadsheet solutions.
Telerik Excel Export (part of Kendo UI) works with Angular and allows seamless data export to Microsoft Excel, supporting complex cell formatting, alignment, and more.
Jspreadsheet Pro offers spreadsheet-like controls tailored for Angular with tools to customize cell appearance, including fonts, colors, and number formats.
Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) offers an Excel-like interface, providing cell formatting capabilities for dynamic and consistent data presentation.

For an in-depth analysis of features and price, visit our comparison of Angular spreadsheet controls.

Compare Angular Spreadsheet Controls