angular-datatables Buttons disappearing on data change

[ottoyiu]

Hello,

I'm using angular-datatables v0.5.1, along with the Buttons plugin, using the Angular data model way (datatable="ng"), and when I change the data of the table - 'Copy', 'Print', 'CSV' buttons from the plugin just disappears.

            <div>
                <table id="node-table" datatable="ng" class="table table-striped"
                       dt-options="dtOptions" dt-instance="dtInstance">
                    <thead>
                    <tr>
                        <th ng-repeat="col in cols">{{col.title}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>test</td>
                    </tr>
                    <tr ng-repeat="row in rows">
                        <td ng-repeat="col in cols">
                            {{row[col.field]}}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>

Any changes to the rows scope variable, will rid of the Buttons.

My dtOptions as follows:

        $scope.dtOptions = DTOptionsBuilder.newOptions()
            .withPaginationType('full_numbers')
            .withBootstrap()
            .withButtons([
                'copy', 'colvis', 'csv', 'print']);

I also tried re-creating the dtOptions after the data change, but no luck there.

This isn't a problem if i use dtColumns, and load data using promises.

Thanks,
Otto

[florianotf]

I have the same issue.

[EricRipple]

Same issue.

[tjacquin]

Same thing here. Anybody figured it out yet?

[l-lin]

Mmh the issues come from the fact that the angular renderer calls DataTable() twice (one with 0 data and the second time when all the data are fetched). It seems that calling DataTable() a second time will trigger the removal of the buttons. As for why, I'm still investigating.

[philxtian]

I have the same issue.

Anyone?

[gezichenshan]

@philxtian same too.

[pc3b3r]

+1

[arthurjg]

I have the same too. But I have found out a temporary solution to "keep" the buttons on screen. Like described in DataTables Buttons doc https://datatables.net/extensions/buttons/ under topic "Direct Insertion" we can insert the buttons directly, so we only need to put that code inside "drawCallback" event in datatable options so that the buttons are inserted each time the table is redrawn, like below:

[mmaask]

+1 same issue.

[monica783]

Hi, I'm having the same issue. +1

[dziuban]

Could this issue be related? https://github.com/DataTables/DataTables/issues/646

[mmaask]

I believe it is, but I would appreciate cleaner solution for it :)

[JosephGarrone]

I'm having the same issue as well. Will look into a work around if I can.

[dziuban]

I have tried solution by @arthurjg and it works, the problem is that I needed to downgrade angular-datatables to version 0.4.3, so that I could use DTInstances.getLast().
I have tried doing the same with the latest version and dtInstanceCallback function, but it doesn't append buttons. I would appreciate a workaround for the latest version.