Vue - 如何渲染每个tr有两个数据的表

时间:2017-03-24 03:39:21

标签: css vue.js css-tables

作为附件,我如何使用v-for或v-repeat或其他内容来执行此操作? 谢谢你的帮助。

How to render a table with two data per tr

JSON数据格式: [   '一个&#39 ;,   ' B&#39 ;,   ' C' ]

1 个答案:

答案 0 :(得分:0)

这是一个CSS问题,你只需正常渲染表格。关键的CSS是:

tr {
  float: left;
}
tr:nth-child(2n+1) {
  clear: left;
}

请参阅此示例:http://codepen.io/CodinCat/pen/peKeNw?editors=0110