skills.rest
codernai14-source
codernai14-sourceCOMMUNITY
Explore all skills by this author →
GitHub

forgex-dynamic-table-usage

Configure and render backend-driven Forgex tables with FxDynamicTable.

1|Updated Apr 15, 2026
Search Tags:#vue#data-table#ant-design#dynamic-table#forgex#backend-config#dictionary-translation
One-click install
npx skills add https://github.com/codernai14-source/Forgex --skill forgex-dynamic-table-usage
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: forgex-dynamic-table-usage
Source: https://github.com/codernai14-source/Forgex/tree/main/.cursor/skills/forgex-dynamic-table-usage
Command: npx skills add https://github.com/codernai14-source/Forgex --skill forgex-dynamic-table-usage

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

FxDynamicTable provides a configuration-driven approach to rendering dynamic data tables in Forgex, removing repetitive boilerplate and enabling backend-driven table definitions, query forms, and dictionary-driven rendering.

Core Features & Use Cases

  • Configuration-driven table generation from fx_table_config and fx_table_column_config
  • Dynamic query forms, column visibility, sorting, and dictionary translation
  • Flexible customization through slots (toolbar, body cells) and support for common patterns like CRUD lists, tree tables, and advanced filters

Quick Start

Create a page that uses FxDynamicTable with a table-code and a request function to fetch paginated data.

Frequently Asked Questions about forgex-dynamic-table-usage

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

FAQPage Schema
How do I render backend-driven dynamic data tables in Vue?▼

Backend-driven dynamic data tables are rendered by configuring FxDynamicTable using a table-code and a request function to fetch and normalize paginated data, removing repetitive frontend boilerplate.

What backend endpoints are needed for dynamic table configuration?▼

Dynamic table configuration requires backend endpoints for fx_table_config, fx_table_column_config, and fx_table_query_field to auto-generate query forms and grid columns.

Can I customize dynamic table columns with dictionary translations?▼

Dictionary translations are supported in dynamic table columns by applying backend configuration, allowing flexible column visibility, sorting, and data rendering without manual frontend mapping.

How do I add custom toolbar or body cell slots to a dynamic table?▼

Custom toolbar or body cell slots are added to a dynamic table through flexible customization options, supporting common patterns like CRUD lists, tree tables, and advanced filters.

Does FxDynamicTable work with Ant Design Vue for complex search scenarios?▼

FxDynamicTable integrates with Ant Design Vue to handle complex search scenarios, auto-generating query forms and grid columns from backend definitions for advanced paging and CRUD pages.

Why use a configuration-driven approach instead of manual grid columns?▼

A configuration-driven approach for dynamic tables removes repetitive boilerplate by enabling backend-driven table definitions, query forms, and dictionary-driven rendering for standard CRUD pages.

Related Skills

Explore More Software Engineering Skills→
codernai14-sourcecodernai14-source
1

dynamic-table-config

Configures backend-defined tables and columns for the Forgex frontend FxDynamicTable component.

Community
Intermediate
DebuggingInTearsDebuggingInTears

dataverse-python-quickstart

Automate Dataverse Python SDK setup and CRUD workflows.

Official
Intermediate
belos-streetbelos-street
8

ant-design-vue

Guide Ant Design Vue component integration in Vue 3 applications.

Community
Intermediate
caobingshengcaobingsheng
1

vk-data-table

Render and manipulate Vue data grids with JSON-configured columns and slots.

Community
Intermediate