简体繁体 English

Bootstrap 3：具有浮动标题的响应表

[英]Bootstrap 3: Responsive Table with Floating Header

原文 2013-10-09 06:05:24 2 1 jquery/ html/ css/ twitter-bootstrap/ twitter-bootstrap-3

I tried to make the table header floating with example from here: http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html . 我试图通过这里的示例使表头浮动： http ： //cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html 。 But it doesn't show smooth floating header at IE and Chrome. 但它并没有在IE和Chrome上显示流畅的浮动标题。

So, I tried with another one, http://mkoryak.github.io/floatThead/ . 所以，我尝试了另一个， 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. 这个在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响应表吗？

1 个解决方案

I've been looking for something much alike. 我一直在寻找类似的东西。 Because of this question I found http://mkoryak.github.io/floatThead/ which I am now using. 由于这个问题，我找到了我正在使用的http://mkoryak.github.io/floatThead/ 。 I don't see any problems as this is the sole solution that actually works for me. 我没有看到任何问题，因为这是真正适合我的唯一解决方案。

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 . 唉，一旦我把它放在一个.table-responsive它就开始失败了。 The floatThead plugin does everything I want it to do. floatThead插件可以完成我想要它做的所有事情。 Perhaps you used an older version and have bugs been solved now? 也许您使用的是旧版本并且现在已经解决了错误？