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>
						
