将表格标题与下拉选择选项对齐

时间:2018-11-30 23:13:18

标签: html css

我有一个用模板构建的表头:

    tbody.table
        tr
            template(v-for="field in tableFields)
                th(
                :id="'_' + field.name"
                v-html="field['title']"
                )
                select
                    option Andrew
                    option Kevin

当前HTML呈现为:

<th>Name</th>
<select>
    <option value="Andrew">Andrew</option>
    <option value="Kevin">Kevin</option>
</select>
<th>Age</th>

这使我的表结构看起来很丑陋,我希望数据包装得很好并且对齐,而不是不匹配:

enter image description here

如何更改HTML以支持它?

0 个答案:

没有答案