问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

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

头像
passerby
    10241107


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


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

    vue.jselement-uihtmlcsscss3
    阅读 1.4k
    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 个回答
    得票最新
    头像
    小羊不想失棉
      5701214
      ✓ 已被采纳

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

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