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

Terminal window

npm install -s --verbose @windmillcode/angular-wml-table

Usage

Basic Table Setup

Customizing Columns

Handling User Interactions

Integrating Pagination

Reference

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

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

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.