The table component of element-ui, border misplaced under the google browser? - Codes Helper - Programming Question Answer

The table component of element-ui, border misplaced under the google browser?

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>

Chrome element-ui

Mar.04,2021

it is recommended to take a look at issue . I wonder if it has been solved now. Without zooming, it seems to be no problem.

body .el-table th.gutter{
    display: table-cell!important;
}

Previous: [solved] how to set custom html tags in webstorm

Next: How to identify this kind of CAPTCHA in a crawler?

Element MessageBox indicates that the content rendering failed on Google browser at least 67 or above.
I m sure there is content here, which renders normally under Google browser in version 64 and not in browsers in versions 67 and 68. uses version 2.0.3 of element-ui this belongs to the browser bug, right? Is there any other way to solve this pr...

Chrome element-ui

Mar.12,2021
With regard to the problem of getting focus on Vue, a saved effect is lost.
uses the frame is vue+Element-UI, now encounters the problem is in a table, there is a grade table. Click the current cell input tag to display and get focus, change the value after losing focus to save data, input hide, vue official website has a cu...

Chrome element-ui vue.js html5 javascript

Mar.14,2021
Problems with using Elementui to tree on an earlier version of chrome
chrome version number 48.0.2564.116 there is a problem with the custom template for the tree component using element-ui html code is as follows: <el-tree :data="data" node-key="id" @node-click="nodeClick"> <...

Chrome element-ui element vue.js javascript

Jul.25,2021

Menu