elementUI 表格如何实现这种布局？

Question

1、后台管理系统，用elementUI 如何用表格实现这种效果

2、点击添加之后的效果

Answer 1

文档写的那么清楚,多看文档.
http://element-cn.eleme.io/2....

Answer 2

表格一般都是一行的 怎么实现两行一组的布局

Answer 3

不用用elementUI的table组件吧，直接有html的table标签写

    <table>
      <tbody>
        <tr>
          <th>+</th>
          <th><i>*</i>合同名称</th>
          <th><i>*</i>合同编号</th>
          <th><i>*</i>生效日期</th>
          <th><i>*</i>应付账款（元）</th>
          <th><i>*</i>合同总额（元）</th>
        </tr>
        <template v-for="item in list">
          <tr>
            <td rowspan="2">x</td>
            <td><el-input></el-input></td>
            <td><el-input></el-input></td>
            <td><el-date-picker
              type="date"
              placeholder="选择日期">
            </el-date-picker></td>
            <td><el-input></el-input></td>
            <td><el-input></el-input></td>
          </tr>
          <tr>
            <td>生成合同</td>
            <td colspan="4">
              <el-upload>
                <el-button size="small" type="primary">点击上传</el-button>
              </el-upload>
            </td>
          </tr>
        </template>
      </tbody>
    </table>