bootstapvue表粘性标头小缺陷/缺陷

发布于 2025-01-22 11:42:04 字数 565 浏览 0 评论 0原文

最近,我遇到了Bootstrapvue Lib的粘性头部功能的问题,我找不到可以自定义的方法以使其正常工作。

这是:

<div id="app">
  <div>
    <b-table style="max-height: 50vh;" sticky-header bordered :items="items"></b-table>
  </div>
</div>

=“ https://jsfiddle.net/2ctpxq84/1/”差距(我会说是1px),因为它的眼睛痛苦:D

在这里是屏幕截图:

我尝试在浏览器中检查它,甚至找不到该标头框。.

我会要求任何CSS主人帮助这一点,以将此差距降低到零:)

I recently met a problem with sticky-header function of BootstrapVue lib and I cannot find what to customize to make it work correctly.

Here is the thing:
Jsfiddle

<div id="app">
  <div>
    <b-table style="max-height: 50vh;" sticky-header bordered :items="items"></b-table>
  </div>
</div>

If you scroll down table you will see that above 'sticky-header' there is a rly small gap (I would say its 1px) by its pain in the eyes :D

here is screenshot:
defect

I tryed inspect it in browser by cannot even find that header box..

And I would ask any CSS master to help with this to reduce this gap to zero :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

ˉ厌 2025-01-29 11:42:04

这可以帮助您:

.b-table-sticky-header > .table.b-table > thead > tr > th { top: -1px }

This could help you:

.b-table-sticky-header > .table.b-table > thead > tr > th { top: -1px }
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文