vue2表格隐藏某一列的时候固定列出现空白行?


选中其中的一列隐藏以后,表格的操作列是固定列,固定列的最上面多了一行空白列


应该这么解决?
麻烦各位大佬给个解决方法

阅读 1.2k
avatarAI BotBETA

为了解决Vue2表格在隐藏某一列时固定列出现空白行的问题,可以尝试以下方法:

  1. 在固定列的样式中添加 min-width: 0; 来使空白列的宽度为0,从而消除空白行。>
    </thead>
    <tbody>
    <tr v-for="(item, index) in tableData" :key="index">

     <td>{{ item.column1 }}</td>
     <td>{{ item.column2 }}</td>
     <td :style="{ 'min-width': '0' }">操作列</td> <!-- 在这里添加样式 -->

    </tr>
    </tbody>
    </table>
    </template>

1 个回答

用的是element-table 吗
是的话切换选择显示后 手动调用一下这个方法
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题