Ali-Alrabi Ali-Alrabi - 5 months ago 27
jQuery Question

angularjs datatable button plugin

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?

Answer

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