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 librarys 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 tables 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 Installationnpm install -s --verbose @windmillcode/angular-wml-tableUsage
Section titled UsageBasic Table Setup
Section titled Basic Table SetupCustomizing Columns
Section titled Customizing ColumnsHandling User Interactions
Section titled Handling User InteractionsIntegrating Pagination
Section titled Integrating PaginationReference
Section titled ReferenceWMLTableZeroProps
Section titled WMLTableZeroPropsConfiguration 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 PaginationConfigConfiguration 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 FilterConfigConfiguration 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 WmlTableColumnDefines 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