Implements Buttons

[alesanfer]

How to implements this option (buttons) with the angular-datatables?
i'm using:

vm.dtOptions = DTOptionsBuilder.fromFnPromise(function() {
    var defer = $q.defer();
    $http.get('http://localhost/test/public/read-users').then(function(result) {
        defer.resolve(result.data);
    });
    return defer.promise;
})
  .withPaginationType('full_numbers')
  .withOption('buttons',['copy', 'excel', 'pdf'])
  .withOption('createdRow', createdRow);

Thanks

[milhamj]

Having the same problem

This link actually shows it's done but there are missing scripts in the version that I'm using:

<script src="vendor/angular-datatables/dist/plugins/buttons/buttons.colVis.js"></script>
<script src="vendor/angular-datatables/dist/plugins/buttons/buttons.flash.js"></script>
<script src="vendor/angular-datatables/dist/plugins/buttons/buttons.html5.js"></script>
<script src="vendor/angular-datatables/dist/plugins/buttons/buttons.print.js"></script>

Maybe because the tutorial is not up-to-date.

UPDATE
I downloaded the sources from this link and implement it to my project. It's working fine now.
Just view-source the page, download the scripts manually, and include it to your project.

[Qasim333]

I put these missing files manually, but button still not showing for the datatable. any suggestions?

[milhamj]

Well here's what I included to my project:

'../bower_components/angular-datatables/dist/plugins/bootstrap/datatables.bootstrap.min.css'
'../bower_components/angular-datatables/dist/plugins/bootstrap/angular-datatables.bootstrap.min.js'
'../bower_components/bootstrap/dist/js/bootstrap.min.js'
'../bower_components/datatables.net-buttons-bs/css/buttons.bootstrap.min.css'
'../bower_components/datatables.net-buttons/js/dataTables.buttons.min.js'
'../bower_components/datatables.net-buttons-bs/js/buttons.bootstrap.min.js'
'../bower_components/angular-datatables/dist/plugins/buttons/angular-datatables.buttons.min.js'
'../bower_components/angular-datatables/dist/plugins/buttons/buttons.colVis.js'
'../bower_components/angular-datatables/dist/plugins/buttons/buttons.flash.js'
'../bower_components/angular-datatables/dist/plugins/buttons/buttons.html5.js'
'../bower_components/angular-datatables/dist/plugins/buttons/buttons.print.js'

PS: As you can see I use bootstrap too, but I think it should be fine without bootstrap

[l-lin]

I updated the documentation to use the CDN instead.

[alesanfer]

Thanks!