#合并表格

##1、定义路径、导入库
import os 
path=os.chdir('E:\\000师姐工作\\001  人员选拔及调动\\04公司内部调动\\2020年\\1119 渠道机构调整\\发送')
os.getcwd() 
import pandas as pd
import numpy as np

##2、合并表格，并从1开始排序
#合并表格
df_0=pd.DataFrame()
for i in ['龙岗分公司','龙华分公司','罗湖分公司','福田分公司','南山分公司','南山分公司','盐田分公司','深汕合作区分公司']:
    df_i=pd.read_excel('附件1：%s人员情况-销售中心.xlsx'%(i),encoding="gbk")
    df_0=pd.concat([df_0,df_i],ignore_index=True)
df_0.index=( i+1 for i in range(len(df_0.index)))
df_0.to_excel('人员情况汇总表-销售中心.xlsx',encoding='gbk')

在制作数据表格的时候，经常需要将一些表格合并。使用普通的办公软件合并表格是比较麻烦的。不过，现在市面上有不少合并表格工具，到底哪一款比较好用呢？
1、合并表格工具的痛点有哪些？
在制作数据表格的时候，经常需要将一些表格合并。使用普通的办公软件合并表格是比较麻烦的，如果不是专业人员甚至可能弄不懂应该如何合并表格。这对于一些没有专业的数据统计分析人员的公司来说，是一种损失。
合并表格本身就是一个精细活，如果手工合并是非常容易出现差错的。但是如果使用智能化的表格制作工具，就可以轻轻松松的合并表格了。很多公司现在都愿意使用比较方便的软件，比如说帆软公司的finereport，就是一款非常专业的数据处理软件。
2、合并表格工具哪一款比较好用？
作为一款智能化的数据处理软件，finereport非常的简单，轻轻松松的就完成了表格制作。至于要合并表格也是非常简单的，使用智能化的FineReport表格制作软件，可以大大节约数据表格制作处理的时间。
正所谓时间就是金钱，能够节约制作图表的时间，对于缩短数据分析的时间也是非常的有效果的。所以现在很多公司都会选择智能化的表格制作工具，这对于公司来说也是一种节约成本的方式。
比如，目前市面上很流行的帆软公司的软件——finereport，功能算是前沿的，可做BI报表和大屏，内置了10+行业解决方案和几十种可视化大屏模板demo，即便没有专业的技术也照样可以完成。功能比较全面，包括数据整合、建模、分析、制作图表。很适合企业使用，难度不算太大，而效果也不错。

合并表格边框
表格的细线边框.
以前学过的html表格边框很粗，这里只需要CSS一句话就可以美观起来。让我们真的相信，CSS就是我们的白马王子(白雪公主)。 .
table{ border-collapse:collapse; }      collapse 单词是合并的意思

border-collapse:collapse;         表示边框合并在一起。

element ui合并表格
这是官网上的效果，传送门
这是我合并之后 的样子，



首先要保证你的数据是一条一条的，然后要合并的地方得有一个地方是用于区分到底合并不合并的，

上代码
<el-table
:data="listData"
:span-method="objectSpanMethod"
class="tableArea"
style="width: 100%"
>
	<el-table-column prop="type" label="品种" />
	<el-table-column prop="child" label="內容"/>
	<el-table-column prop="num" label="数量" />
	<el-table-column prop="total" label="总数量" />
</el-table>

data() {
    return {
      arr: [],
      rowList: [],
      spanArr: [],
      position: 0,
      listData: [],
    };
  },
  created() {
    //因为后端返给我的结构是嵌套格式的所以先要整理一下数组
    this.arr.forEach((element) => {
      element.options.forEach((item) => {
        let obj = {};
        obj = item;
        obj.type= element.type;
        obj.code = element.code;//用于标识相同行的唯一值
        this.listData.push(obj);
      });
    });
    console.log(this.listData);
    this.rowspan();
  },
  methods: {
    rowspan() {
      this.listData.forEach((item, index) => {
        if (index === 0) {
          this.spanArr.push(1);
          this.position = 0;
        } else {
          if (
            this.listData[index].code ===
            this.listData[index - 1].code
          ) {
            this.spanArr[this.position] += 1;
            this.spanArr.push(0);
          } else {
            this.spanArr.push(1);
            this.position = index;
          }
        }
      });
    },
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      //表格合并行
      if (columnIndex === 0) {
        const _row = this.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
          rowspan: _row,
          colspan: _col,
        };
      }
    },
  },