今天遇到一个问题,实现这样一个竖直的显示表头的表格,如下图。
vue实现代码如下:
构建tableComponent.vue组件:
<template>
<table class="mailTable" :style="styleObject" v-if="s_showByRow">
<tr v-for="index in rowCount">
<td class="column">{
{tableData[index*3-3].key}}</td>
<td>{
{tableData[index*3-3].value}}</td>
<td class="column">{
{tableData[index*3-2] !== undefined ? tableData[index*3-2].key : ''}}</td>
<td>{
{tableData[index*3-2] !== undefined ? tableData[index*3-2].value : ''}}</td>