欢迎光临散文网 会员登陆 & 注册

十方融海 常规型表格

2023-02-22 14:44 作者:IT亚文化  | 我要投稿

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



  1. 常规型表格

  2. 配置型表格

  3. 多层级型表格

  4. 扩展型表格

  5. 多表格组合型表格



1. 常规型表格



常规型表格:表格只做数据展示和维护,可支持增、删、改、查等数据维护的功能操作,表格数据可采用分页展示,分页模式分为翻页和分页加载两种形式,表格中又分为是否带有选框,带有选框的表格可支持批量操作。 如下图是ant.design中的表格组件,表格右侧带有常规的数据功能操作,底部带有分页切换的组件,也是最常见的表格类型。



表格使用场景分析:



对于简单的数据展示和维护、不需要批量操作可采用常规型表格,分页组件和加载分页都可满足常规表格的需求。



如果数据只做展示,那么选框和操作列都去掉即可。



(带操作,不带选框)



(不带操作,带选框)



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



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



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


十方融海 常规型表格的评论 (共 条)

分享到微博请遵守国家法律