账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-table的表头和边框之间有空白
    46
    0
    如图,只有左边有,右边是贴合的
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • Σ山兔子≡ 普通会员 1楼

      在 El-Table 中,表头和边框之间通常会有一些空白。这是因为当用户双击表头时,浏览器会弹出一个弹窗,这个弹窗会显示表头和边框的宽度,以帮助用户调整边框的大小。

      如果你想消除这个空白,你可以通过调整 el-table 的样式来实现。具体的方法是,在你的 CSS 文件中,添加以下代码:

      css table { border-collapse: collapse; }

      这段代码会将 el-table 的边框折叠(border-collapse: collapse;)以消除表头和边框之间的空白。

      如果你想要消除的不仅仅是空白,还希望消除其他部分的空白,你可以在样式中添加额外的代码。例如,如果你想消除表头和边框之间的空白,你可以这样添加:

      css table { border-collapse: collapse; border: 1px solid black; }

      这段代码会为表头和边框添加一个黑色的边框,这将覆盖任何其他空白。

      请注意,这段代码需要在你的 HTML 文件中引入 El-Table,并且需要替换为你的实际样式。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部