ProTable Component Documentation and Usage Guide

This document introduces the ProTable component, a reusable table solution built on Vue 3 and Element Plus, designed to simplify common table functionalities such as data fetching, pagination, searching, selection, and custom rendering.

Key features include attribute forwarding to el-table , built‑in hooks for data handling ( useTable ), row selection ( useSelection ), file download ( useDownload ) and action confirmation ( useHandleData ), as well as support for slots, scoped slots, TSX, and render functions.

The component accepts a rich set of props (columns, requestApi, initParam, pagination, searchCol, etc.) and emits standard el-table events. Columns can be configured with ColumnProps , supporting custom headers, cell renderers, enums, tags, and nested structures.

Implementation details cover the main ProTable.vue , auxiliary components ( TableColumn.vue , ColSetting.vue , Pagination.vue ), and the hook utilities, illustrating how the table state is managed, how enums are loaded, and how printing is handled with printJS .

A usage example demonstrates integrating ProTable in a page, defining column configurations, handling CRUD actions with useHandleData , exporting data via useDownload , and opening drawers for add/edit/view operations.

Contributors: HalseySpicy, denganjia.