Advertisment
News

Angular Material Beta 8 Announced with Data-table Component

author-image
DQW Bureau
Updated On
New Update
Angular Material Beta 8 Announced with Data-table Component

Angular Material beta 8 has announced by the Angular team to help developers build apps for the web, mobile, and desktop with Angular more efficiently. The latest update features a new component dev kit and the data-table component.

Advertisment
Some of the highlights include:
  • Datepicker, expansion panel, and accordion components
  • Improved support for @angular/platform-server
  • Configurable scrolling strategies for Overlays
  • Strict-null checks and no-unused-params compliance
  • Typography extension to theming
  • Live theme-picker on material.angular.io
  • Lots and lots of bug fixes
Advertisment

Component Dev Kit

Advertisment
The goal of the CDK is to give developers more tools to build components for the web. This will be especially useful for projects that want to take advantage of the features of Angular Material without adopting the Material Design visual language.
The first beta release of the CDK is now available on npm as @angular/cdk. This initial release includes features pertaining to accessibility, text directionality, platform detection, and dynamic component instantiation. We'll be continuing to move additional code from Angular Material into CDK with subsequent releases.
Advertisment
To get started building components using the CDK, install it from our npm repository and take a look at our documentation on GitHub for usage information.
Advertisment

Data-table

publive-image
Advertisment
By far the most requested feature for Angular Material, the data-table is now making its debut. They're now releasing two table implementations,  as part of @angular/material, and  as part of @angular/cdk. The styled implementation of thier Material Design  is based on the functionality provided by the  component from the new CDK.
Advertisment
The  is an unopinionated, customizable data-table with a fully-templated API, dynamic columns, and an accessible DOM structure. This component acts as the core upon which anyone can build their own tailored data-table experience.
@angular/material also builds on the data-table functionality, offering  and mdSort directives. These directives provide a UI for pagination and sorting in-line with the Material Design guidelines without being tightly coupled to the data-table itself.

 

developer angular
Advertisment