第一步，在桌面建立一个EXCEL表格，并命名。
第二步，编辑内容，
图1
第三步，加边框，并设置最合适的列宽。
1.设置边框，选定要加边框的地方－鼠标右击－单元格格式，然后会设置成下图的样子，按确定。(其实可以用快捷方式 
的，但是下拉的部分我没有办法截图，所以就用下图代替)
图2
按完确定后的样子：
图3
为了美观一点，我们把第一行合并单元格，选中A1-F1，按
(合并单元格)这个键。
然后，把第二行的字体设置居中，并加粗。修改一下字体的大小。完成后的样子：
图4
2.下面我们来设置一下各列的格式
A列日期，选中A列－鼠标右击－设置单元格格式－数字－日期－选择你喜欢的样子 
图5
B列，只需拉宽距离，因为要写内容的，字体设置左对齐就可以了。
C列，先不动
D,E,F列，都选中，设置成货币格式，可以加RMB符号，也可以不加，这个随意。设置如下图：
图6
全部设置好以后，我输入点内容，给大家看看格式：
图7
当然，这个字体，大小，格子宽度什么的，自己可以修改的。根据上图，我们可以看到日期明细，支出，收入，只要我们打进去，他的格式就已经固定好了，很方便吧。
细心的人会问，怎么余额没有呀。是的，我们现在来设置余额。
首先，第一次记账的时候，盘点你身上的现金(比如说500元)，把这个数字打进F3里面，然后F4＝F3＋E4－D4 如下图：
图8
好了以后按回车，出结果：
图9
结果出来后，不用每个格子都这样设置，直接点下拉F4就ok了。如下图：
图10
现在，我们在最后一行的明细写合计，支出和收入用自动求和
做，如下图：
图11
按回车后的图：
图12
好啦，基本的框子就出来了。大家可以在上面记账了。
上面的现金表格完成后，我们现在来做第二个表格：信用卡表格。这个就很简单啦。几乎没有的可说的了。
1. 在表格1的右边 选十五行三列 加上边框 (具体几列几行其实都随意的)如下图：
这张图大了一点哈，主要是给大家看看具体位置，后面就不放大图了，只放信用卡的这个表格。当然咯，如果你不想放在这个位置也可以的，这个不讲究。
2. 第一行输入：信用卡，并合并单元格
第二行输入：上月消费金额，已经还款金额，卡内余额，此行文字居中
第三行 暂时不动
第四行输入：本月，消费金额，摘要或者明细，此行文字居中
然后最外面的边框加粗
3. 我们来设置格式
首先，三栏都设置为货币格式，如下图：
然后第三行的卡内余额下面一格(J4)设置公式＝I4-H4 如下图：
好了，现在我们打上内容来验证一下，如下图：
OK了，这样一张信用卡表格就做好啦。是不是很简单呢？

一、需求
1、相邻的日期如果一样，用同种颜色标记

2、不同日期要有对比间隔

3、日期为空不做样式
二、效果

三、思路
1、要怎么判断上下时间是一样的？

2、判断以后要怎么标记？

3、标记以后怎么控制样式？
四、实现
1、首先要整理数据，判断出上下数据是否是一样的，因为是后一个与前一个比较，所以需要单独判断第一条数据。判断第一次的时间重复几次；接下来的数据就可以按照正常的来；最后一项也需要单独判断，判断是否和上一条数据一样。
代码：
// rowI 是自己定义的相同数据会重复几次的一个标记参数
this.tableData.forEach((e, i) => {
 // i === 0时单独判断
 if (i === 0) {
   // 判断第一条数据的时间最后出现的位置
   e.rowI = this.tableData.map(k => k.date).lastIndexOf(e.date)
 } else if (i - 1 >= 0 && e.date !== this.tableData[i - 1].date) {
   // 当前的和上一个的属性相同，标记rowI
   e.rowI = i
 } else if (i === this.tableData.length - 1) {
   // 最后一个也是单独判断，如果最后一条数据和上一条数据的时间不一致，rowI标记为当前的i
   if (e.date !== this.tableData[i - 1].date) {
     e.rowI = i
   }
 }
})

2、这个时候我们得到this.tableData中是有的数据有了rowI标记，我们接下来的要做的就是怎么可以把索引0-2的设置为一种颜色，索引3-4设置另一种颜色，然后5-6要重复原来的颜色。


我们可以定义两个空数组，里面分开存放两个不同颜色的标记
// 定义两个空数组，对有rowI标记的做分割
      let a = []
      let b = []
      // 过滤undefined无效数值
      let inList = this.tableData.filter(item => item.rowI || item.rowI === 0)
      // 区分奇偶、可以把颜色间隔开
      inList.forEach((e, i) => {
        if (i % 2) {
          a.push(e)
        } else {
          b.push(e)
        }
      })
      // 两个在区分颜色时备用
      this.aList = a
      this.bList = b

3、接下来就是区分样式，el-table自带控制行样式属性:row-class-name="tableRowClassName"

时间为空的不做样式，还需要判断当前行的rowI有没有，没有的话需要填充上。上一步分开的两个存放区分不同颜色的数组就用上了，如果当前行的rowI能够和其中一个list中的rowI匹配上的话，设置当前行为一种颜色，另一个道理相同。
// 无数据==>无样式
      if (!row.date) {
        return ''
      }
      // 第一行，如果和下面行相同的话，返回的是一样的，不一样的话会间隔开，不限数量
      if (rowIndex === 0) {
        if (this.list[0].date === this.list[rowIndex + 1].date) {
          return 'success-row'
        } else {
          return 'warning-row'
        }
      }
      // 其他按照每部分不同隔开
      if (rowIndex <= this.list.length - 1 && rowIndex > 0) {
        row.rowI = !row.rowI ? this.list[rowIndex - 1].rowI : row.rowI
        if (this.aList.map(a => a.rowI).indexOf(row.rowI) !== -1) return 'warning-row'
        if (this.bList.map(b => b.rowI).indexOf(row.rowI) !== -1) return 'success-row'
      }

五、完整代码
<template>
  <el-card shadow="never" class="aui-card--fill">
      <el-table :data="list" :row-class-name="tableRowClassName">
        <el-table-column prop="date" label="日期" width="180"></el-table-column>
        <el-table-column prop="name" label="姓名" width="180"></el-table-column>
        <el-table-column prop="address" label="地址"></el-table-column>
      </el-table>
  </el-card>
</template>

<script>
export default {
  data () {
    return {
      tableData: [
        { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2016-05-01', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2016-05-04', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' },
        { date: '2016-05-05', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }
      ],
      list: [],
      aList: [],
      bList: []
    }
  },
  mounted () {
  	let that = this
    setTimeout(() => {
      this.colspanMethod()
    }, 300)
  },
  methods: {
    colspanMethod () {
      // 判断当前和下一个数据若是时间相同
      this.tableData.forEach((e, i) => {
        // i === 0时单独判断
        if (i === 0) {
          e.rowI = this.tableData.map(k => k.date).lastIndexOf(e.date)
        } else if (i - 1 >= 0 && e.date !== this.tableData[i - 1].date) {
          // 当前的和上一个的属性形同，标记rowI
          e.rowI = i
        } else if (i === this.tableData.length - 1) {
          // 最后一个也是单独判断
          if (e.date !== this.tableData[i - 1].date) {
            e.rowI = i
          }
        }
      })
      // 定义两个空数组，对有rowI标记的做分割
      let a = []
      let b = []
      // 过滤undefined无效数值
      let inList = this.tableData.filter(item => item.rowI || item.rowI === 0)
      // 区分奇偶、可以把颜色间隔开
      inList.forEach((e, i) => {
        if (i % 2) {
          a.push(e)
        } else {
          b.push(e)
        }
      })
      // 找一个容器把当前循环好的数据放进去，表格绑定list，如果绑定tableData的话，一进页面数据还没有加载完全，会出错
      this.list = this.tableData
      // 两个在区分颜色时备用
      this.aList = a
      this.bList = b
    },
    // 控制样式
    tableRowClassName ({ row, rowIndex }) {
      // 无数据==>无样式
      if (!row.date) {
        return ''
      }
      // 第一行，如果和下面行相同的话，返回的是一样的，不一样的话会间隔开，不限数量
      if (rowIndex === 0) {
        if (this.list[0].date === this.list[rowIndex + 1].date) {
          return 'success-row'
        } else {
          return 'warning-row'
        }
      }
      // 其他按照每部分不同隔开
      if (rowIndex <= this.list.length - 1 && rowIndex > 0) {
        row.rowI = !row.rowI ? this.list[rowIndex - 1].rowI : row.rowI
        if (this.aList.map(a => a.rowI).indexOf(row.rowI) !== -1) return 'warning-row'
        if (this.bList.map(b => b.rowI).indexOf(row.rowI) !== -1) return 'success-row'
      }
    }
  }
}
</script>
<style>
  .el-table .warning-row {
    background: rgb(181,164,233);
  }

  .el-table .success-row {
    background: rgb(127,220,237);
  }
</style>

想给表格制作一个斜线表头，单斜线表头和多斜线表头，你会哪一种呢？今天和小伙伴们一起来掌握斜线表头的制作吧。
单斜线表头
首先，在Excel表格的随意单元格输入内容 “ 姓名日期 ” 然后把鼠标放置在中间，按快捷键ALT+回车换行，然后敲空格键调整一下位置，你也可以把它们分别设置为上下标，前面的考勤表有提到这个上下标哦，想了解的小伙伴可以去看看。
随后把鼠标放置在这个单元上，按快捷键Ctrl+1，在边框中选择一个你需要的斜线位置，最后确定，根据需要再去调节字体与单元格大小，单斜线表头就制作完成了。
多斜线表头
像前面的单斜线表头一样，比如在这里我输入 “ 序号姓名日期 ” ，按快捷键ALT+回车换行。
敲空格调整一下位置。
鼠标放置在这个单元上，点击插入菜单下的形状，找到线条中的直线。
然后拖动鼠标，把直线的一头一尾放在单元格的边框上。
第一条制作好了，然后又再次选一下直线，在左上角这个位置，继续拖动鼠标把直线的一头一尾放置在边框线上。
绘制好了两根斜线，要修改一下直线的颜色，点击直线，鼠标右键，点击轮廓，然后设置为黑色即可，多斜线表头就制作好了。
以上就是单斜线表头与多斜线表头的制作过程，欢迎留言讨论[玫瑰]

有粉丝留言提问Excel中如何制作到期提醒的效果，今天分享一篇教程！
在平时的工作应用中，我们都喜欢用Excel表格来记录整理数据，数据里会包含有到期时间，比如订单到期日期、合同到期日期、产品到期日期等。当数据很多的时候，为了省去翻阅到期日期的麻烦，我们希望能够有一个到期自动提醒功能，Excel刚好具备有这么一个日期到期提醒功能。具体如何设置，请看以下介绍。
以产品到期日期为例进行说明，在商品明细表中有生产日期和有效期等信息，希望在备注栏设置一个到期自动提醒：
要实现这个目的并不难，只需要简单的几步即可完成。
步骤1：与当前日期比较
这里需要用到一个函数TODAY，函数不需要参数，可以得到当前的系统日期，用有效期-当前日期即可得到还有多少天到期：
如果得到的结果为负数，说明已经过期。
对于要求不高的朋友来说，这样已经可以交工了，但如果还要更进一步，将结果显示的更加人性化一点，就需要使用另一个函数来配合完成。
步骤2：对显示结果进行处理
需要用到TEXT来实现我们想要的效果，对负数统一显示为“已过期”，对正数显示“为还有多少天到期”，公式为：=TEXT(C2-TODAY(),"还有0天到期;已过期;;")
当然使用IF函数同样可以实现这个结果，有兴趣的朋友可以自己试一下IF的公式，对比后会发现，TEXT要比IF方便些。
这样显示的结果比直接显示天数是好了一点，但还可以继续优化，让结果更加直观。
步骤3：进一步优化结果
假如只对未来30天以内到期的做提示，超过30天的不显示任何内容，这样的结果看起来会更加直观，此时再让IF出马更为合适，公式进一步优化为：
=IF(C2-TODAY()<31,TEXT(C2-TODAY(),"还有0天到期;已过期;;"),"")
怎么样，是不是看起来更加直观简洁。
相信到这一步，已经可以让绝大部分的朋友满意了，但还有些追求完美的朋友会说：能让30天内到期的数据整行显示黄色，已过期的整行显示红色那就太棒了！
当然没问题咯……
步骤4：条件格式上场了
首先选择条件格式中的管理规则：
再点新建规则：
选择使用公式确定要设置格式的单元格，公式输入=$C2<today()，然后点格式：
选择填充色为红色
点两次确定后返回到规则管理器，可以看到已经完成了一项设置：
继续点击新建规则按钮，重复上述操作，使用公式：=$C2-TODAY()<31，并设置填充黄色，两次确定返回规则管理器可以看到两条规则都设置好了：
这两条规则中公式的作用就是判断已过期的填充黄色，到期天数小于31的填充红色。
接下来的操作非常关键，要调整规则的顺序以及设置应用区域。这个过程看动图演示：
条件格式设置的要点：
1、公式中的单元格要使用混合引用，如果是一个单元格控制一行，需要在列号前加$，反之如果是通过一个单元格控制一列，则要在行号前加$；
2、应用范围是条件格式实际生效的范围，这与条件中公式所有的单元格并不是一个概念；
3、涉及到多个条件的时候，如果生效顺序不同则有可能得到错误的结果，此时可以通过调整生效顺序以及勾选【如果为真则停止】这个选项进行处理。
Excel的到期提醒功能就是这样实现的。
也许你会认为这样已经就是极致了，那只能说明你对Excel认识还不够深。
当到期提醒中加入了控件这个工具后，体验效果还能进一步提升，看一个实际效果吧：
想学这个技能？
先做两件事：
1、把基本的公式和条件格式的设置方法彻底弄明白后在文末留言；
2、你懂的……………………