十方融海 常规型表格
以下我对自己在实际工作中运用到的多种表格类型做了简单的归纳,如果大家还有其它的表格类型,希望在评论区可以补充。表格的类型我根据自己的理解进行了简单的归类,分为五种类型:
常规型表格
配置型表格
多层级型表格
扩展型表格
多表格组合型表格

1. 常规型表格
常规型表格:表格只做数据展示和维护,可支持增、删、改、查等数据维护的功能操作,表格数据可采用分页展示,分页模式分为翻页和分页加载两种形式,表格中又分为是否带有选框,带有选框的表格可支持批量操作。 如下图是ant.design中的表格组件,表格右侧带有常规的数据功能操作,底部带有分页切换的组件,也是最常见的表格类型。
表格使用场景分析:
对于简单的数据展示和维护、不需要批量操作可采用常规型表格,分页组件和加载分页都可满足常规表格的需求。
如果数据只做展示,那么选框和操作列都去掉即可。

(带操作,不带选框)

(不带操作,带选框)
如果需要支持表格中数据的排序、搜索、筛选功能,那么就需要在表头列数据位置增加对应的功能。表格中的多种操作功能都可以搭配使用,只要根据实际的业务需求增减表格的操作即可。

(带筛选和排序,不带搜索)

(带排序和搜索,不带筛选)