angularjs datatable button plugin

Question

I'm using angularjs datatable and trying to use button plugin in this page https://l-lin.github.io/angular-datatables/#/withButtons

.withButtons([
    'columnsToggle',
    'colvis',
    'copy',
    'pdf',
    'excel',
    {
        text: 'Some button',
        key: '1',
        action: function (e, dt, node, config) {
            alert('Button activated');
        }
    }
]);

I get Unknown button type: 'columnsToggle', and 'colvis' but when I remove 'columnsToggle', and 'colvis' from code it run without any problems but other button not display except custom button

{
    text: 'Some button',
    key: '1',
    action: function (e, dt, node, config) {
        alert('Button activated');
    }
}

copy,pdf, excel don't appears,Can anyone help me to fix the problem please?

Drakkin · Accepted Answer · 2015-11-02 09:27:41Z

10

I had the same problem as you and I find out all the datatables-buttons js files needed to be included:

<script type="text/javascript" src="~/Scripts/datatables-buttons/js/dataTables.buttons.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.bootstrap.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.jqueryui.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.colVis.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.flash.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.html5.js"></script>
<script type="text/javascript" src="~/Scripts/datatables-buttons/js/buttons.print.js"></script>

answered Nov 2, 2015 at 9:27

Drakkin

90812 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ali-Alrabi Over a year ago

Thanks, I found that too in the example of source page

Sugam Over a year ago

the documentation didn't mentioned it clearly, for beginners like me it was difficult to figure out

Sebastian Speitel · Accepted Answer · 2018-04-08 08:01:35Z

2

for excel and csv add this cdn

<script src="https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>

for PDF file option add this cdn

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script>

edited Apr 8, 2018 at 8:01

Sebastian Speitel

7,3772 gold badges21 silver badges38 bronze badges

answered Apr 8, 2018 at 5:42

Kalpesh Patel

211 bronze badge

1 Comment

Vikas Hire Over a year ago

3.1.3/jszip.min.js this version of the js file not worked for me. I used an older version (2.6.1) and its working now.

Collectives™ on Stack Overflow

angularjs datatable button plugin

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related