laboratory-ui-table

Name: laboratory-ui-table
Availability: InStock
Author: TUP-TESIS-LAB

Standardize Angular tabular data displays with a centralized DataTableComponent.

1|Updated May 6, 2026

Search Tags:#frontend #components #angular #datatable #primeng #ui-table

Ready to run

npx skills add https://github.com/TUP-TESIS-LAB/FRONTEND-LABORATORIO --skill laboratory-ui-table

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: laboratory-ui-table
Source: https://github.com/TUP-TESIS-LAB/FRONTEND-LABORATORIO/tree/main/.claude/skills/laboratory-ui-table
Command: npx skills add https://github.com/TUP-TESIS-LAB/FRONTEND-LABORATORIO --skill laboratory-ui-table

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates UI inconsistency and redundant code by enforcing a single, robust standard for displaying tabular data across the laboratory portal, preventing the misuse of raw PrimeNG tables.

Core Features & Use Cases

Standardized Data Grids: Provides a unified DataTableComponent for all entity listings like patients, doctors, and orders.
Advanced Functionality: Supports lazy loading for server-side pagination, custom cell templates, and dynamic row actions.
Use Case: When building a new administrative page to list laboratory test results, use this component to ensure consistent styling, empty-state handling, and pagination behavior across the entire application.

Quick Start

Implement the ui-table component in your feature module by binding the columns definition and the data source to the component inputs.

Frequently Asked Questions about laboratory-ui-table

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I standardize data tables in Angular to prevent PrimeNG inconsistency?▼

Standardize Angular data tables by enforcing a centralized DataTableComponent, which ensures consistent rendering of entity collections and prevents UI inconsistency from raw PrimeNG implementations across administrative modules.

What is the best way to implement server-side pagination for Angular datatables?▼

Implement server-side pagination in Angular datatables by using the standardized DataTableComponent, which supports lazy loading to efficiently fetch and render large datasets across administrative modules.

Can I use custom cell templates and dynamic row actions with this ui-table component?▼

Yes, you can use custom cell templates. The DataTableComponent supports advanced functionality like dynamic row actions, allowing you to define custom layouts for entity listings such as patients, doctors, and orders.

Do I need a shared UI library to set up Angular data grids with this component?▼

Yes, you need a shared UI library. Setting up these standardized data grids requires integration with the shared UI library and adherence to the defined TableColumn and TableAction models for proper configuration.

Why should I use a standardized Angular datatable instead of raw PrimeNG tables?▼

You should use a standardized Angular datatable to eliminate redundant code, ensure consistent empty-state handling, and maintain unified pagination behavior across the entire application, which raw PrimeNG tables lack.