十方融海 常規(guī)型表格
以下我對(duì)自己在實(shí)際工作中運(yùn)用到的多種表格類型做了簡(jiǎn)單的歸納,如果大家還有其它的表格類型,希望在評(píng)論區(qū)可以補(bǔ)充。表格的類型我根據(jù)自己的理解進(jìn)行了簡(jiǎn)單的歸類,分為五種類型:
常規(guī)型表格
配置型表格
多層級(jí)型表格
擴(kuò)展型表格
多表格組合型表格

1. 常規(guī)型表格
常規(guī)型表格:表格只做數(shù)據(jù)展示和維護(hù),可支持增、刪、改、查等數(shù)據(jù)維護(hù)的功能操作,表格數(shù)據(jù)可采用分頁(yè)展示,分頁(yè)模式分為翻頁(yè)和分頁(yè)加載兩種形式,表格中又分為是否帶有選框,帶有選框的表格可支持批量操作。 如下圖是ant.design中的表格組件,表格右側(cè)帶有常規(guī)的數(shù)據(jù)功能操作,底部帶有分頁(yè)切換的組件,也是最常見(jiàn)的表格類型。
表格使用場(chǎng)景分析:
對(duì)于簡(jiǎn)單的數(shù)據(jù)展示和維護(hù)、不需要批量操作可采用常規(guī)型表格,分頁(yè)組件和加載分頁(yè)都可滿足常規(guī)表格的需求。
如果數(shù)據(jù)只做展示,那么選框和操作列都去掉即可。

(帶操作,不帶選框)

(不帶操作,帶選框)
如果需要支持表格中數(shù)據(jù)的排序、搜索、篩選功能,那么就需要在表頭列數(shù)據(jù)位置增加對(duì)應(yīng)的功能。表格中的多種操作功能都可以搭配使用,只要根據(jù)實(shí)際的業(yè)務(wù)需求增減表格的操作即可。

(帶篩選和排序,不帶搜索)

(帶排序和搜索,不帶篩選)
標(biāo)簽: