Element表格JSON是一種用于描述基于Table的數(shù)據(jù)交互的數(shù)據(jù)格式。該格式包含表頭、表格數(shù)據(jù)和分頁信息等數(shù)據(jù)。以下是一個(gè)示例:
{ "header":[ { "title":"序號(hào)", "sortable":true, "width":"120px", "align":"center", "visible":true }, { "title":"姓名", "sortable":true, "width":"120px", "align":"left", "visible":true }, { "title":"年齡", "sortable":true, "width":"120px", "align":"left", "visible":true }, { "title":"性別", "sortable":true, "width":"120px", "align":"left", "visible":true } ], "data":[ { "id":1, "name":"張三", "age":30, "sex":"男" }, { "id":2, "name":"李四", "age":25, "sex":"女" }, { "id":3, "name":"王五", "age":35, "sex":"男" } ], "pagination":{ "pageNo":1, "pageSize":10, "total":300 } }
在這個(gè)示例中,我們可以看到三個(gè)核心部分:表頭(header)、表格數(shù)據(jù)(data)和分頁信息(pagination)。
在表頭中,每個(gè)列由如下屬性組成:
- title:列標(biāo)題
- sortable:該列是否可排序
- width:列寬度
- align:列對(duì)齊方式
- visible:該列是否可見
表格數(shù)據(jù)中,每個(gè)行都是一個(gè)對(duì)象,該對(duì)象的屬性與表頭中定義的列一一對(duì)應(yīng),如上述示例中,每個(gè)行有"id"、“name"、“age"和 "sex"四個(gè)屬性。
分頁信息指定了表格數(shù)據(jù)的分頁信息,包含三個(gè)屬性:
- pageNo:當(dāng)前頁碼
- pageSize:每頁數(shù)據(jù)量
- total: 數(shù)據(jù)總量
Element表格JSON是Element框架中使用廣泛的表格數(shù)據(jù)格式,能夠很好地適應(yīng)各種表格展示需求。
上一篇vue單文件發(fā)布
下一篇vue dispatch