瓦达西哇大西瓜 2023-02-14 12:25 采纳率: 100%
浏览 80
已结题

页面放大element-UI的table显示不全,如何解决??

想问一下各位,你们有没有这种情况出现,我在使用element_ui的table的时候,不分页,表格用height固定了高度,但是windows系统或者,浏览器放大页面,表格就显示不全。
下面是图和代码片段。

img

img

<ele-data-table size="mini" ref="table" :config="table" :data="data" :choose.sync="choose" @cell-click="getItemInfo" highlight-current-row max-height="600">
      <template>
        <el-table-column type="selection" width="45" align="center"/>
        <el-table-column v-for="(item,index) in examineAttendanceNameList" :key="index" :label="item" >
          <template slot-scope="{row}">
            <span v-if="(row[item]).indexOf('-') == -1">{{(row[item])}}</span>
            <span v-else style="color: red">{{(row[item])}}</span>
          </template>
        </el-table-column>
      </template>
    </ele-data-table>
  • 写回答

3条回答 默认 最新

  • 瓦达西哇大西瓜 2023-02-14 15:04
    关注

    解决了各位,给el-table标签添加属性height="calc(100vh - 330px)"。后面的像素根据实际情况去调就行了。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 2月22日
  • 已采纳回答 2月14日
  • 创建了问题 2月14日