2015-01-31 12 views
7

Câu hỏi cơ bản về bower và dataTables. Tôi muốn sử dụng bower để tải xuống plugin dataTables để tích hợp bootstrap 3.
(Tôi đã thử nghiệm trang có liên kết cdn và mọi thứ hoạt động ... bây giờ tôi muốn sử dụng bower).Bower: tải xuống DataTables Plugin để tích hợp bootstrap

Đây là trang tài liệu tham khảo trên trang web của DataTables:
https://datatables.net/manual/styling/bootstrap

Như bạn có thể thấy đó là những liên kết 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

Và đây là Repository Github:
https://github.com/DataTables/Plugins/tree/master/integration/bootstrap

LƯU Ý: Gốc của repo github chứa nhiều plugin; Tôi chỉ muốn hai tập tin (js và css) cho việc tích hợp bootstrap.

Trả lời

12

Cập nhật: vui lòng xem câu trả lời this.

Tôi đến đây thông qua Google cố gắng tìm cách cài đặt plugin tích hợp DataTables Bootstrap qua Bower, vì bower install datatables không bao gồm repo cho plugin DataTables. Tôi tìm thấy câu trả lời của mình here: plugin tích hợp Bootstrap cho DataTables chỉ khả dụng qua CDN hoặc từ trang DataTables. Không có gói Bower chính thức nào tồn tại, bao gồm các plugin tích hợp.

+0

Được đánh giá cao !! Cảm ơn bạn rất nhiều vì đã chia sẻ liên kết. Đã thêm +1. –

0

Bower là trình quản lý gói tuyệt vời cho Web, nhưng kiến ​​thức của tôi chỉ có thể nhận được hai tệp trong kho lưu trữ với nó.

Với bower bạn khôi phục toàn bộ kho lưu trữ github. Và sau khi bạn chỉ bao gồm các tệp bạn muốn.

Thực hiện trên máy tính nhưng không thay đổi bất kỳ thứ gì trong webapp (về mặt không gian).

+0

Xem bài đăng này: http://stackoverflow.com/questions/22988599/how-i-can-prevent-bower-from- download-the-whole-repo –

15

Trên thực tế, bạn có thể cài đặt một gói với tất cả các plugin DataTables sử dụng lệnh Chòi sau:

bower install datatables-plugins 

DataTables Boostrap CSS sẽ vào thư mục hội nhập.

0

Ngày nay, bạn có các gói bower chính xác. Không sử dụng datatables gói, nhưng thay vì sử dụng datatables.net gói: bower install datatables.net

Bạn sẽ thấy rằng bạn có một gói cụ thể cho từng datatables cắm và cho mỗi theme framework (bootstrap vv) Bạn chỉ cần sử dụng các gói có tiền tố datatables.net. Các gói này đến từ nhà phát triển Datatables chính thức.

Thanh toán các gói có sẵn tại http://bower.io/search/?q=datatables.net

1

Thực ra khi bạn thực hiện

bower install datatables 

bạn có thể tìm js bootstrap tại

/media/js/dataTables.bootstrap.min.js 
2

Có thể và đây là Offical Page

SOLUTION 1

SHORTCUT thay thế tập tin này và chạy bower installDONE!

ở đây là khoe.json cho DataTable

{ 
    "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" 
    } 
} 

GIẢI PHÁP 2:

DataTable tự

bower install --save datatables.net 

OPTION

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... 

và phần mở rộng

AutoFill

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

Buttons

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 

FixedColumns

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

FixedHeader

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

KeyTable

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

Responsive

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

Scroller

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

Chọn

bower install --save datatables.net-select 
bower install --save datatables.net-select-dt 
Các vấn đề liên quan