jQuery Bootstrap 3:带有浮动标题的响应式表格

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/19264342/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-26 23:33:17  来源:igfitidea点击:

Bootstrap 3: Responsive Table with Floating Header

jqueryhtmlcsstwitter-bootstraptwitter-bootstrap-3

提问by user1995781

I tried to make the table header floating with example from here: http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html. But it doesn't show smooth floating header at IE and Chrome.

我试图使表格标题浮动,示例如下:http: //cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html。但它不会在 IE 和 Chrome 上显示平滑的浮动标题。

So, I tried with another one, http://mkoryak.github.io/floatThead/. This one shows smooth floating when scrolling in IE, but the column size in the table doesn't show well.

所以,我尝试了另一个,http://mkoryak.github.io/floatThead/。这个在 IE 中滚动时显示平滑浮动,但表格中的列大小显示不佳。

Both method above doesn't work well with Bootstrap responsive table.

上述两种方法都不适用于 Bootstrap 响应表。

Do you know any other method for floating table header that works well with bootstrap 3 responsive table?

您知道其他适用于 bootstrap 3 响应表的浮动表头方法吗?

回答by miniplus

I've been looking for something much alike. Because of this question I found http://mkoryak.github.io/floatThead/which I am now using. I don't see any problems as this is the sole solution that actually works for me.

我一直在寻找非常相似的东西。由于这个问题,我找到了我现在正在使用的http://mkoryak.github.io/floatThead/。我没有看到任何问题,因为这是真正适合我的唯一解决方案。

I tried writing my own plugin which worked up until a certain point. Alas it started failing once I put it in a .table-responsive. The floatThead plugin does everything I want it to do. Perhaps you used an older version and have bugs been solved now?

我尝试编写自己的插件,该插件一直工作到某个时间点。唉,一旦我把它放在一个.table-responsive. floatThead 插件可以完成我想要它做的所有事情。也许您使用的是旧版本并且现在已经解决了错误?