WML Table (Beta Unstable Unmaintainable)
The Angular WML Table library is an Angular-based toolkit designed to enhance the development of table components within Angular applications. It focuses on providing developers with a streamlined and efficient way to create and manage tables, addressing common challenges such as data binding, sorting, and pagination. The library’s aim is to simplify the integration of complex table functionalities, ensuring that developers can focus on the unique aspects of their applications while leveraging robust, pre-built solutions for table management.
Central to the Angular WML Table library are its core components, which facilitate the creation and manipulation of tables. One of the key components is the WMLTableZeroComponent, which serves as the primary interface for table creation and configuration. This component allows for the dynamic loading of data, sorting, and pagination, making it a versatile tool for developers. Additionally, the library offers customization options through various parameters and services, enabling developers to tailor the table’s behavior and appearance to their specific needs. Through the use of these components, the Angular WML Table library promotes a pattern of modularity and reusability, encouraging developers to construct table functionalities in a scalable and maintainable manner.
Installation
Section titled “Installation”npm install -s --verbose @windmillcode/angular-wml-tableBasic Table Setup
Section titled “Basic Table Setup”Customizing Columns
Section titled “Customizing Columns”Handling User Interactions
Section titled “Handling User Interactions”Integrating Pagination
Section titled “Integrating Pagination”Reference
Section titled “Reference”WMLTableZeroProps
Section titled “WMLTableZeroProps”Configuration parameters for wml-table-zero component.
| Property | Type | Description |
|---|---|---|
columns | WmlTableColumn[] | Array defining the columns of the table, including header text and corresponding field names in the data. |
rows | any[] | Array containing the data to be displayed in the table rows. Each object in the array represents a row. |
sortable | boolean | Determines if the table columns are sortable. |
paginationConfig | PaginationConfig | Configuration object for pagination, specifying items per page and other related settings. |
filterConfig | FilterConfig | Configuration for enabling and handling data filtering. |
PaginationConfig
Section titled “PaginationConfig”Configuration for table pagination.
| Property | Type | Description |
|---|---|---|
itemsPerPage | number | Number of items to display per page. |
currentPage | number | Current active page. |
totalItems | number | Total number of items across all pages. |
FilterConfig
Section titled “FilterConfig”Configuration for table filtering.
| Property | Type | Description |
|---|---|---|
enabled | boolean | Determines if filtering is enabled for the table. |
fields | string[] | Array of field names that can be filtered. |
WmlTableColumn
Section titled “WmlTableColumn”Defines the structure and behavior of a table column.
| Property | Type | Description |
|---|---|---|
header | string | The text to display in the column header. |
field | string | The field name in the row data to display in this column. |
sortable | boolean | Indicates if the column is sortable. |
v18.1.3002 [8/4/24]
Section titled “v18.1.3002 [8/4/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.3001 [8/4/24]
Section titled “v18.1.3001 [8/4/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.3003 [8/5/24]
Section titled “v18.1.3003 [8/5/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.3004 [8/5/24]
Section titled “v18.1.3004 [8/5/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.3005 [8/5/24]
Section titled “v18.1.3005 [8/5/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.3006 [8/5/24]
Section titled “v18.1.3006 [8/5/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.3007 [8/5/24]
Section titled “v18.1.3007 [8/5/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.4000 [8/14/24]
Section titled “v18.1.4000 [8/14/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.1.4001 [8/14/24]
Section titled “v18.1.4001 [8/14/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.2.0 [8/15/24]
Section titled “v18.2.0 [8/15/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.2.1 [8/20/24]
Section titled “v18.2.1 [8/20/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.2.1000 [8/22/24]
Section titled “v18.2.1000 [8/22/24]”- updated package to reflect the version 18.2.1 of @angular/core package
v18.2.2000 [8/30/24]
Section titled “v18.2.2000 [8/30/24]”- updated package to reflect the version 18.2.2 of @angular/core package
v18.2.2100 [9/1/24]
Section titled “v18.2.2100 [9/1/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.2.2101 [9/1/24]
Section titled “v18.2.2101 [9/1/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.2.2200 [9/3/24]
Section titled “v18.2.2200 [9/3/24]”- updated package to conform with @windmillcode/angular-wml-components-base
v18.2.3000 [9/4/24]
Section titled “v18.2.3000 [9/4/24]”- updated package to reflect the version 18.2.3 of @angular/core package