vue遍历数据在表格一行两列显示，并显示细线表格

<table style="margin:0 auto;">

            <template v-for="(item,index) in data" v-if="index%2==0">

                <tr>

                    <template>

                        <td style="width:200px;">{{ item.question }}</td>

                        <td><input type="text"></td>

                    </template>

                    <template v-if="index+1<data.length">

                        <td style="width:200px;">{{ data[index+1].question }}</td>

                        <td><input type="text"></td>

                    </template>

                </tr>

            </template>

        </table>
 

<style rel="stylesheet/scss" lang="scss">

    table{

        border-collapse:collapse;

        border-spacing:0;

        border:1px solid;

    }

    td{

        border:1px solid;

        padding-left: 5px;

        padding-right: 5px;

    }

  </style>