TVS Grid Component Library

A feature-rich grid component library for Angular applications. This library provides a highly customizable and dynamic grid component that can be easily integrated into any Angular project (version 16 and above) with support for Bootstrap design.

Features

Dynamic List Component Support

• Enables the use of dynamic lists within the grid component.

Pagination Support

• Static Pagination: Utilizes pre-fetched data at the start of the component.
• Dynamic Pagination: Fetches data when the page is changed.

Single Row Click Event

• Raises an event when a single row is clicked.
• Provides complete record information upon click.

Multiple Row Selection

• Supports selection of multiple rows using checkboxes.
• Raises an event every time a row is selected.

Customizable Row Cells

• Allows customization of the design and layout of each row's cells.

Conditional Cell Coloring

• Supports custom cell coloring based on user-defined conditions.

HTML Rendering in Cells

• Allows rendering of HTML views within each cell.

Customizable Page Size

• Users can change the number of rows displayed in the table at runtime.

Column Sorting

• Enables sorting on each column by clicking the column header.
• Supports both ascending and descending order.

Cell Editing

• Allows cell editing by clicking on any cell in any row, conditionally enabled.
• Customizable input fields for different data types (e.g., date, text, number).

Column Resizing

• Users can resize columns by dragging.

Show/Hide Columns

• Users can show or hide columns at runtime.

No Data UI

• Displays a proper UI when there is no data in the table.
• Customizable text for no data scenarios.

Custom Node Names for Columns

• Users can display columns by specifying a node name.
• Supports customized node names for derived values (e.g., calculated values based on conditions).

Compatibility

• Compatible with any Angular project version 16 and above.
• Supports Bootstrap design for seamless integration with existing projects.

Installation

To install the grid component library, use the following command:

npm install tvs-grid