the table component of element-ui is misplaced in the google browser, but it is also the webkit kernel in the 360browser, and the display is normal.
this is a screenshot in google browser. The border is misplaced
360
< el-table style= "margin-top: 20pxscarf width 100%;": data= "alarmRecordData" v talk loading = "loading" border stripe >
<el-table-column align="center" label="">
<template slot-scope="scope">
{{scope.row.createTime | transTime}}
</template>
</el-table-column>
<el-table-column align="center" prop="deviceName" label="">
</el-table-column>
<el-table-column align="center" prop="groupName" label="">
</el-table-column>
<!-- <el-table-column align="center" prop="siteName" label="">
</el-table-column> -->
<el-table-column align="center" prop="deviceNo" label="">
</el-table-column>
<el-table-column align="center" label="">
<template slot-scope="scope">
<span v-if="scope.row.alarmType === 3"></span>
</template>
</el-table-column>
<el-table-column align="center" prop="alarmDefine" label="">
</el-table-column>
<el-table-column align="center" prop="alarmCode" label="">
</el-table-column>
</el-table>