1, element ui 版本1.4.8; 在IE下 边框消失;
2, 鼠标hover到行的时候 出现边框; 谷歌浏览器正常;
如图
代码如下
` <el-table
ref="multipleTable"
:data="tableData3"
border
tooltip-effect="dark"
style="width: 100%;"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
label="全选"
align="center"
width="55">
</el-table-column>
<el-table-column
prop="nickname"
label="用户名"
align="center"
width="120">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
align="center"
width="120">
</el-table-column>
<el-table-column
prop="sex"
label="性别"
align="center"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="identity"
label="角色身份"
align="center"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="contact"
label="联系方式"
align="center"
show-overflow-tooltip>
</el-table-column>
<el-table-column label="操作" align="center">
<!--此处操作需封装为小组件-->
<template slot-scope="scope">
<el-button
size="small">通过
</el-button>
<el-button
size="small"
type="danger">忽略
</el-button>
</template>
</el-table-column>
</el-table>
data () {
return {
formInline: {
identity: '',
status: '',
name: '',
nickname: ''
},
tableData3: [{
nickname: 'sdffsd',
name: '王小虎',
sex: '男',
identity: '普通成员',
contact: ''
}],
multipleSelection: []
};
} `