Buttons no longer visibile using Foundation and translation

Ficos

Link to test case:
https://debug.datatables.net/ipedub
Error messages shown: none
Description of problem: when adding this script the Buttons are no longer visible

$.extend(true, $.fn.dataTable.defaults, {
            language: {
                'url': 'https://cdn.datatables.net/plug-ins/1.12.1/i18n/nl-NL.json'
            }
        });

I am new to Foundation and wondering why this behaviour happens, Any way to solve the problem?
Thanks,
Jan

allan

Hi Jan,

The language.url option makes the table initialisation async. So it isn't ready when this code in the table.datatables_demo.js file fires:

    new $.fn.dataTable.Buttons( table, [
        { extend: "create", editor: editor },
        { extend: "edit",   editor: editor },
        { extend: "remove", editor: editor }
    ] );

    table.buttons().container()
        .appendTo( $('.small-6.columns:eq(0)', table.table().container() ) );

You need to move that code into an initComplete callback.

Allan

Ficos

Thanks Allan,
I am sorry, adding this

initComplete: function (settings, json) {
            $.extend(true, $.fn.dataTable.defaults, {
                language: {
                    'url': 'https://cdn.datatables.net/plug-ins/1.12.1/i18n/nl-NL.json'
                }
            });
          },

doesn't change the behavior (still no buttons visible). Did I misunderstood you?
Jan

Ficos

that is: buttons are visible but translation fails

kthorngren

I think Allan was saying to move this code into initComplete:

new $.fn.dataTable.Buttons( table, [
    { extend: "create", editor: editor },
    { extend: "edit",   editor: editor },
    { extend: "remove", editor: editor }
] );
 
table.buttons().container()
    .appendTo( $('.small-6.columns:eq(0)', table.table().container() ) )

Kevin

Ficos

yes, thanks.
a suggestion might be that in Generator the initComplete contains the buttons, currently they don't