Bower:下载用于 bootstrap 集成的 DataTables 插件

Bower: download DataTables Plugin for bootstrap integration

关于 Bower 和数据表的基本问题。我想使用 bower 下载 dataTables 插件以进行 bootstrap 3 集成。
(我已经用 cdn 链接测试了页面,一切正常……现在我想使用 bower)。

这是 DataTables 站点上的参考页面:
https://datatables.net/manual/styling/bootstrap

如您所见,这些是 cdn 链接:
http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/3/dataTables.bootstrap.css

http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/3/dataTables.bootstrap.js

这是 Github 存储库:
https://github.com/DataTables/Plugins/tree/master/integration/bootstrap

注意:github 存储库的根目录包含许多插件;我只想要 bootstrap 集成的两个文件(js 和 css)。

Bower 是一个很棒的 Web 包管理器,但据我所知,用它在存储库中只获取两个文件是不可能的。

使用 Bower,您可以恢复整个 github 存储库。在你只包含你想要的文件之后。

在 pc 上进行,但不要在 webapp 中更改任何内容(根据 space)。

更新:请参阅答案。

我通过 Google 来到这里,试图弄清楚如何通过 Bower 安装 DataTables Bootstrap 集成插件,因为 bower install datatables 不包括 DataTables 插件的回购协议。我找到了答案 here:DataTables 的 Bootstrap 集成插件只能通过 CDN 或从 DataTables 站点获得。不存在包含集成插件的官方 Bower 包。

实际上,您可以使用以下 bower 命令安装包含所有 DataTables 插件的软件包:

bower install datatables-plugins

DataTables Boostrap CSS 将在集成文件夹中。

如今,您拥有正确的 bower 包。不要使用 datatables 包,而是使用 datatables.net 包:bower install datatables.net

您会看到每个数据表插件和每个主题框架(bootstrap 等)都有一个特定的包。您只需使用前缀为 [= 的包26=]这些包来自官方数据表开发人员。

http://bower.io/search/?q=datatables.net

查看可用的软件包

实际上当你执行

bower install datatables

您可以在

找到bootstrap js
/media/js/dataTables.bootstrap.min.js

可以 这里是 Offical Page

解决方案 1

快捷方式 替换此文件并 运行 bower install 完成!

这里是 bower.json 数据表

 {
  "name": "Project Name",
  "dependencies": {
    "jquery": "~2.2.0",
    "bootstrap": "~3.3.6",
    "datatables.net-bs": "~1.10.10",
    "datatables-autofill-bootstrap": "datatables.net-autofill-bs#~2.1.0",
    "datatables.net-buttons-bs": "~1.1.1",
    "datatables.net-colreorder-bs": "~1.3.0",
    "datatables.net-fixedcolumns-bs": "~3.2.0",
    "datatables.net-fixedheader-bs": "~3.1.0",
    "datatables.net-keytable-bs": "~2.1.0",
    "datatables.net-responsive-bs": "~2.0.1",
    "datatables.net-scroller-bs": "~1.4.0",
    "datatables.net-select-bs": "~1.1.0"
  }
}

解决方案 2:

数据表本身

bower install --save datatables.net

选项

bower install --save datatables.net-dt //datatables
bower install --save datatables.net-bs //Bootstrap  //bs Same for all...
bower install --save datatables.net-zf //Foundation //zf Same for all...
bower install --save datatables.net-jqui //JQUERY //jqui Same for all...

和扩展

自动填充

bower install --save datatables.net-autofill
bower install --save datatables.net-autofill-dt

按钮

bower install --save datatables.net-buttons
bower install --save datatables.net-buttons-dt

ColReorder

bower install --save datatables.net-colreorder
bower install --save datatables.net-colreorder-dt

固定列

bower install --save datatables.net-fixedcolumns
bower install --save datatables.net-fixedcolumns-dt

固定页眉

bower install --save datatables.net-fixedheader
bower install --save datatables.net-fixedheader-dt

键表

bower install --save datatables.net-keytable
bower install --save datatables.net-keytable-dt

响应

bower install --save datatables.net-responsive
bower install --save datatables.net-responsive-dt

卷轴

bower install --save datatables.net-scroller
bower install --save datatables.net-scroller-dt

Select

bower install --save datatables.net-select
bower install --save datatables.net-select-dt