我们都知道表格是横向渲染的，一行一行去展示。不过博主这里有个需求是纵向渲染，一列一列去展示…嗯[思考]…做出来了，下面是全部代码，可拿过去自行取用。
纵向渲染表格
添加一列
type="primary"
v-if="isAdd"
icon="el-icon-plus"
size="mini"
v-hasPermi="['manager:trader:add']"
@click="tableAdd"
:disabled="is10"
>添加
>
type="primary"
@click="dataSave"
v-else
size="mini"
:disabled="nonum"
v-hasPermi="['manager:trader:edit']"
>{{isSave ? "保存":"取消"}}
>
width="100px"
prop="tableName"
align="center"
label="星期"
>
{{ tableData[scope.$index].name }}
align="center"
v-for="(item, index) in headerData.length"
:key="index"
>
{{ tableData[scope.$index].data[index]}}
{{ headerData[$index-1] }}
align="center"
v-for="(item, index) in tableAdds"
:key="index + Date()"
>
{{ newTime }}
