how can prevent change text on PageLenght Button?

kitcat

hi

i use this code for my pageLenght button

    buttons: [
        {
            text:       '<i class="fa fa-list"></i>',
            titleAttr:  'page lenght',
            extend:     'pageLength',
        }]

and my page lenght button have an icon (not a text)
but when i click on sub buttons (for example 10 rows) page lenght icon changed to "10 rows"

how can i prevent change text on Page Lenght Button???

colin

Hi @kitcat ,

Yep, that text is being 'helpfully' changed - you can overwrite this though by listening on the length as in this example here.

Cheers,

Colin

kitcat

hi
thank for sample

i need this code for titleAttr
i cant use you sample for this button

        {
            text:       '<i class="fa fa-list"></i>',
            titleAttr:  'PAGE LENGTH',
            extend:     'pageLength',
        },

kitcat

i change the button like this

        {
            name:       'pageLength',
            text:       '<i class="fa fa-list"></i>',
            titleAttr:  'PAGE LENGTH',
            extend:     'pageLength',
        },

kitcat

and change the js code

    "initComplete": function(settings, json) {
        let mtable = $(`#${tbl_id}`).DataTable();

        mtable.on('buttons-action', function (e, buttonApi, dataTable, node, config) {
            table.buttons('pageLength:name').text('<i class="fa fa-list"></i>');
        });
    });

thats work for me

allan

Good point - thanks for raising that. I've added a bug to our db for this so I can allow for the text not being changed in future. Your workaround will continue to work though.

Allan

allan

Hi,

Just to say that I've committed the fix for this now and it will be in the nightly version shortly and in the next release.

Allan