element-ui中Table表格省市区合并单元格的方法实现

前端  /  管理员 发布于 4年前   527

本文介绍了element-ui中Table表格省市区合并单元格的方法实现，分享给大家，具体如下：

效果如图

代码如下:

static文件下的table.json

[ {  "province": "浙江省",  "city": "杭州市",  "zone": "余杭区",  "type": "ICBC",  "remake": "2017-2018年期间建成并网的分布式光伏",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.1",  "citySubsidy": "0.1" }, {  "province": "浙江省",  "city": "杭州市",  "zone": "余杭区",  "type": "DWE",  "remake": "对居民住宅单独建设的光伏发电项目",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.1",  "citySubsidy": "0." }, {  "province": "浙江省",  "city": "杭州市",  "zone": "萧山区",  "type": "DWE",  "remake": "对居民住宅单独建设的光伏发电项目",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.1",  "citySubsidy": "0." }, {  "province": "安徽省",  "city": "阜阳市",  "zone": "太和县",  "type": "ALL",  "remake": "对居民住宅单独建设的光伏发电项目",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.2",  "citySubsidy": "0.1" }, {  "province": "安徽省",  "city": "合肥市",  "zone": "蜀山区",  "type": "ALL",  "remake": "对居民住宅单独建设的光伏发电项目",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.2",  "citySubsidy": "0.1" }, {  "province": "安徽省",  "city": "合肥市",  "zone": "庐阳区",  "type": "ALL",  "remake": "对居民住宅单独建设的光伏发电项目",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.2",  "citySubsidy": "0.1" }, {  "province": "浙江省",  "city": "杭州市",  "zone": "西湖区",  "type": "ALL",  "remake": "2017-2018年期间建成并网的分布式光伏",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.1",  "citySubsidy": "0.2" }, {  "province": "浙江省",  "city": "嘉兴市",  "zone": "海盐县",  "type": "ALL",  "remake": "对居民住宅单独建设的光伏发电项目",  "publicSubsidy": "0.37",  "provinceSubsidy": "0.2",  "citySubsidy": "0.1" }]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• bootstrap table实现合并单元格效果
• 使用jQuery 操作table 完成单元格合并的实例
• JS实现动态修改table及合并单元格的方法示例
• JS 实现Table相同行的单元格自动合并示例代码
• Asp.net_Table控件の单元格纵向合并示例
• table标签的结构与合并单元格的实现方法
• 用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
• 合并table相同单元格的jquery插件分享(很精简)
• 基于jquery的合并table相同单元格的插件(精简版)