前端界面的el-table表格中,表头和表内容纵向的线对不齐?
版本:renren-fast |
开发环境:Google Chrome,360安全浏览器 |
renren-fast生成的界面的表格表头和表内容纵向的线对不齐?该怎么解决呀?
代码如下(代码没占全):[pre]
<el-table
:data="dataList"
border
:header-cell-style="{background:'#72B1F1',color:'white'}"
v-loading="dataListLoading"
@selection-change="selectionChangeHandle"
style="width: 100%;">
<el-table-column
type="selection"
header-align="center"
align="center"
width="30">
</el-table-column>
<el-table-column
prop="scbCarId"
header-align="center"
align="center"
label="车号"
width="80">
</el-table-column>
<el-table-column
header-align="center"
align="center"
label="车型"
width="70">
<template slot-scope="scope">
<template v-if="scope.row.editing">
<el-input class="edit-input" v-model="scope.row.scbCarType" placeholder="车型"></el-input>
</template>
<span v-else>{{ scope.row.scbCarType}}</span>
</template>
</el-table-column>
</el-table>
[/pre]
生成的界面如下:
img[//cdn.renren.io/9385c201907161600291787.jpg]