IOS浏览器不支持对element ui table的宽度设置百分比

IOS浏览器不支持对element ui table的宽度设置百分比

IOS浏览器会把百分号识别成px，所以我们可以根据屏幕宽度将百分比转换成px

getColumnWidth(data) {
  const screenWidth = window.innerWidth;
  const desiredPercentage = data;
  const widthInPixels = (screenWidth * desiredPercentage) / 100;
  return widthInPixels + 'px';
},
1
2
3
4
5
6

<el-table-column
  type="selection"
  :style="{ 'width': getColumnWidth(3) }"
  :width="getColumnWidth(3)"
  :selectable="checkSelectable"
  v-if="hasAuth"
>
el-table-column>
1
2
3
4
5
6
7
8