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=]。 这些包来自官方数据表开发人员。
查看可用的软件包
实际上当你执行
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
关于 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=]。 这些包来自官方数据表开发人员。
查看可用的软件包实际上当你执行
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