element plust的表格 el-table数据不按列展示

ElementPlus的表格demo代码放到原生的html

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="Date" width="180" />
    <el-table-column prop="name" label="Name" width="180" />
    <el-table-column prop="address" label="Address" />
  </el-table>
</template>

展示出来的效果是怎么都不按列展示

原因：

原生html里写标签不是简写单闭合标签**<el-table-colunm />** ，得用**<el-table-colunm></el-table-colunm>**

 <el-table :data="tableData">
        <el-table-column prop="date" label="Date" ></el-table-column>
        <el-table-column prop="name" label="Name"  ></el-table-column>
        <el-table-column prop="address" label="Address" ></el-table-column>
      </el-table>