Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Bower: download DataTables Plugin for bootstrap integration

Basic question about bower and dataTables. I would like to use bower to download the dataTables plugin for bootstrap 3 integration.
(I've already tested the page with the cdn links and everything works... now I'd like to use bower).

Here is the reference page on DataTables site:
https://datatables.net/manual/styling/bootstrap

As you can see these are the cdn links:
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

And here is the Github Repository:
https://github.com/DataTables/Plugins/tree/master/integration/bootstrap

NOTE: The root of the github repo contains many plugins; I just want the two files (js and css) for the bootstrap integration.

like image 565
Igor Carmagna Avatar asked Jan 31 '15 19:01

Igor Carmagna


People also ask

Does DataTables work with Bootstrap 5?

DataTables offers full integration with Bootstrap 5 so that your DataTables will match the same look and feel of the rest of your site. Bootstrap 5 provides a number of options for styling HTML tables, giving you flexibility over the table, while ensuring they look very slick.

Is DataTables a plugin?

This repository contains a collection of plug-ins for the jQuery DataTables table enhancer. These plug-ins are feature enhancing for the DataTables library, adding extra options to core functionality such as additional sort algorithms, API methods and pagination controls.

Are DataTables free?

DataTables is free, open source software that you can download and use for whatever purpose you wish, on any and as many sites you want. It is free for you to use!


3 Answers

Actually, you can install a package with all DataTables plugins using the following bower command:

bower install datatables-plugins

DataTables Boostrap CSS will be on integration folder.

like image 182
Khonix Avatar answered Sep 25 '22 17:09

Khonix


Update: please see this answer.

I came here via Google trying to work out how to install the DataTables Bootstrap integration plugin via Bower, as bower install datatables does not include the repo for DataTables plugins. I found my answer here: the Bootstrap integration plugin for DataTables is only available via CDN or from the DataTables site. No official Bower package exists which includes the integration plugins.

like image 30
Blake Mumford Avatar answered Sep 24 '22 17:09

Blake Mumford


Yes Possible and Here is Offical Page

SOLUTION 1

SHORTCUT replace this file and run bower install DONE!

here is bower.json for 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"
  }
}

SOLUTION 2:

Datatable itself

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

AND EXTENSIONS

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

Select

bower install --save datatables.net-select
bower install --save datatables.net-select-dt
like image 35
ErcanE Avatar answered Sep 25 '22 17:09

ErcanE