简体繁体 English

使用引导程序进行分页的响应式数据表或表

[英]Responsive datatable or table with pagination using bootstrap

原文 2014-01-29 07:13:56 2 1 javascript/ jquery/ asp.net-mvc/ twitter-bootstrap/ jquery-datatables

I'm looking for some sample code on how to implement a datatable/table with pagination keeping responsive in mind.我正在寻找一些关于如何实现带有分页的数据表/表的示例代码，并牢记响应。 I am using ASP.NET MVC.我正在使用 ASP.NET MVC。

Has anyone had experience with Bootstrap 3 and jQuery Datatables?有没有人使用过 Bootstrap 3 和 jQuery 数据表？ Do the 2 play along well?两人玩得好吗？ And with regards to being a responsive datatable?关于成为响应式数据表？ This question isn't related to just Bootstrap and jQuery datatables but it is the only decent datatable that I have worked with.这个问题不仅仅与 Bootstrap 和 jQuery 数据表有关，但它是我使用过的唯一合适的数据表。

The reason why I ask is because I need a responsive datatable or normal table with pagination and sorting.我问的原因是因为我需要一个具有分页和排序功能的响应式数据表或普通表。

1 个解决方案

I haven't gone as far as making a "responsive" datatable with bootstrap, but the two certainly can be used together.我还没有使用引导程序制作“响应式”数据表，但两者当然可以一起使用。

Check out this link: http://datatables.net/blog/Twitter_Bootstrap_2 and keep in mind the article is for Bootstrap 2. For Bootstrap 3, you will need to refer to http://getbootstrap.com/getting-started/#migration as some class names have changed between Bootstrap 2 and 3. It shouldn't be too difficult from there, if you're familiar enough with Bootstrap, to get a responsive datatable.查看此链接： http : //datatables.net/blog/Twitter_Bootstrap_2并记住该文章适用于 Bootstrap 2。对于 Bootstrap 3，您需要参考http://getbootstrap.com/getting-started/#迁移，因为某些类名在 Bootstrap 2 和 3 之间发生了变化。如果您对 Bootstrap 足够熟悉，那么从那里获取响应数据表应该不会太困难。

Edit: Allan also has some Bootstrap 3 integration files already whipped up here .编辑：Allan 也有一些 Bootstrap 3 集成文件已经在这里制作。