ProTable - Advanced Tables

ProTable was created to solve the problem of having to write a lot of sample code for tables in a project, so a lot of common logic was encapsulated in it. These wrappers can be simply categorized as pre-defined behaviors and pre-defined logic.

Thanks to ProForm's capabilities, ProForm can take many forms, switch between query form types, set up deformations to become a simple Form form, perform new creation, etc.

layout\n

When to Use

When your forms need to interact with the server or need multiple cell styles, ProTable is the right choice.

Code Demo

Querying a table

高级表格
标题
状态
标签
创建时间
操作
暂无数据

Downgrade to a normal table

表格标题
应用名称
容器数量
状态创建者
创建时间
备注操作
AppName2异常付小小2022-09-21
AppName7已上线陈帅帅2022-09-21
AppName4异常陈帅帅2022-09-21
AppName16异常曲丽丽2022-09-21
AppName8关闭曲丽丽2022-09-21
  • 第 1-5 条/总共 5 条
  • 1

Lightweight filter replacement query form

应用名称创建者
创建时间
操作
AppName林东东2022-09-21
AppName曲丽丽2022-09-21
AppName兼某某2022-09-21
AppName兼某某2022-09-21
AppName陈帅帅2022-09-21
  • 第 1-5 条/总共 5 条
  • 1

Forms without ToolBar

成员名称账号手机号角色权限范围操作
巴巴
[email protected]12345678910管理员 所有权限
测试
[email protected]10923456789操作员 权限点名称1、权限点名称4
测试2
[email protected]109654446789操作员 权限点名称1
测试3
[email protected]109223346789操作员
巴巴
[email protected]12345678910操作员
  • 第 1-5 条/总共 5 条
  • 1

Nested tables

嵌套表格
应用名称状态
容器数量
创建者
创建时间
操作
AppName失败8林东东2022-09-21
AppName已完成11兼某某2022-09-21
AppName已完成19林东东2022-09-21
AppName进行中17林东东2022-09-21
AppName进行中7曲丽丽2022-09-21
  • 第 1-5 条/总共 5 条
  • 1

Left and right structure

IPCPUMemDisk
106.14.98.10410%20%30%
106.14.98.11410%20%30%
106.14.98.12410%20%30%
106.14.98.13410%20%30%
106.14.98.14410%20%30%
106.14.98.15410%20%30%
106.14.98.16410%20%30%
106.14.98.17410%20%30%
106.14.98.18410%20%30%
106.14.98.19410%20%30%
0.0.0.0