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

Posted

技术标签:

【中文标题】使用引导程序进行分页的响应式数据表或表【英文标题】:Responsive datatable or table with pagination using bootstrap 【发布时间】:2014-02-20 20:46:50 【问题描述】:

我正在寻找一些示例代码,以了解如何实现具有分页功能的数据表/表格,同时牢记响应。我正在使用 ASP.NET MVC。

有人使用过 Bootstrap 3 和 jQuery Datatables 吗? 2人玩的好吗?关于成为响应式数据表?这个问题不仅仅与 Bootstrap 和 jQuery 数据表有关,但它是我使用过的唯一一个像样的数据表。

之所以这么问,是因为我需要一个响应式数据表或者普通的分页排序表。

【问题讨论】:

【参考方案1】:

我还没有使用引导程序制作“响应式”数据表,但两者当然可以一起使用。

查看此链接:http://datatables.net/blog/Twitter_Bootstrap_2 并记住该文章适用于 Bootstrap 2。对于 Bootstrap 3,您需要参考 http://getbootstrap.com/getting-started/#migration,因为某些类名在 Bootstrap 2 和 3 之间发生了变化。它不应该如果您对 Bootstrap 足够熟悉,那么从那里获取响应式数据表并不难。

编辑:Allan 还准备了一些 Bootstrap 3 集成文件here。

【讨论】:

我去看看。您的第一个链接显示 404 错误。 我已经有一段时间没有玩弄这些东西了,但是从那时起,艾伦似乎已经更新了他的网站和数据表插件,所以这里有一个新链接。那里有一条评论要考虑,但我不确定它的真实性。 datatables.net/manual/styling/bootstrap

以上是关于使用引导程序进行分页的响应式数据表或表的主要内容,如果未能解决你的问题,请参考以下文章

将参数从带有分页的元素列表传递给引导模式

使用引导程序在中心制作响应式图像

添加响应式卡片视图引导程序

表格中的响应式图像(引导程序 3)

Angular 中的响应式页脚,带有始终位于页面底部的引导程序。不粘

基于 jQuery/引导程序开发的响应式企业门户网站 、企业官网