table循环换行

最新推荐文章于 2024-10-08 13:51:35 发布

陳那个陈

最新推荐文章于 2024-10-08 13:51:35 发布

阅读量182

点赞数 2

文章标签：前端 java javascript

本文链接：https://blog.csdn.net/weixin_52164116/article/details/140766331

版权

代码：this.tableList的数据格式是数组中有多个对象

 <table style="border-collapse: collapse">
        <tr
          v-for="(item, index) in this.tableList"
          :key="index"
          v-if="index % 3 == 0"
          style="text-align: center"
        >
          <td style="border: 1px solid #000" valign="middle" width=" 130px" height=" 40px">
            {{ tableList[index] == null ? "" : tableList[index].forbiddenWords }}
          </td>
          <td style="border: 1px solid #000" valign="middle" width=" 130px" height=" 40px">
            {{ tableList[index + 1] == null ? "" : tableList[index + 1].forbiddenWords }}
          </td>
          <td style="border: 1px solid #000" valign="middle" width=" 130px" height=" 40px">
            {{ tableList[index + 2] == null ? "" : tableList[index + 2].forbiddenWords }}
          </td>
          <td style="border: 1px solid #000" valign="middle" width=" 130px" height=" 40px">
            {{ tableList[index + 3] == null ? "" : tableList[index + 3].forbiddenWords }}
          </td>
          <td style="border: 1px solid #000" valign="middle" width=" 130px" height=" 40px">
            {{ tableList[index + 4] == null ? "" : tableList[index + 4].forbiddenWords }}
          </td>
        </tr>
      </table>

效果：