Datatable -> navButtons Como Configurar

TOTVS Fluig Páginas (WCM)
, ,
1

Olá a todos,

Além da configuração para exibiração dos navbuttons:


navButtons: {
                enabled: true,
                forwardstyle: 'btn-warning',
                backwardstyle: 'btn-warning',
            }

Qual configuração deve ser feita para o funcionamento da paginação em datatables?

2

Acredito que a documentação que você esta procurando seja essa aqui , caso esteja buscando os dados via REST

link da documentação

datatable.PNG

Exemplo


var myTable = FLUIGC.datatable('#target', {
    dataRequest: {
        url: 'http://THE_URL_FOR_REST_SERVICE',
        options: {
            contentType:'application/json',
            dataType: 'json',
            crossDomain: true,
            cache: false
        },
        root: 'myRoot',
        limit: 5,
        offset: 0,
        patternKey: 'text',
        limitkey: 'per_page',
        offsetKey: 'page',
        formatData: function(data) {
            // Process
            return data;
        }
    },
    renderContent: '.my_template',
    header: [
        {
            'title': 'Código',
            'dataorder': 'CODIGO',
            'size': 'col-md-2',
            'display': false
        },
        {
            'title': 'Nome',
            'dataorder': 'NOME',
            'standard': true,
            'size': 'col-md-7',
        },
        {
            'title': 'UF',
            'dataorder': 'UF',
            'size': 'col-md-5',
        }
    ],
    multiSelect: true,
    classSelected: 'danger',
    search: {
        enabled: true,
        onSearch: function(response) {
            // DO SOMETHING
        },
        onlyEnterkey: true,
        searchAreaStyle: 'col-md-3'
    },
    scroll: {
        target: '#target',
        enabled: true,
        onScroll: function() {
            // DO SOMETHING
        }
    },
    actions: {
        enabled: true,
        template: '.my_template_area_actions',
        actionAreaStyle: 'col-md-9'
    },
    navButtons: {
        enabled: false,
        forwardstyle: 'btn-warning',
        backwardstyle: 'btn-warning',
    },
    emptyMessage: '<div class="text-center">No data to display.</div>',
    tableStyle: 'table-striped',
    draggable: {
        enabled: true,
        onDrag: function(dragInfo) {
            // Do something
            return false; // If it returns false, will cancel the draggable
        }
    }
}, function(err, data) {
    // DO SOMETHING (error or success)
});

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

3

Obrigado! tem algum exemplo de implementação? não encontrei.

4

Adicionei aqui o exmeplo lá da documentação que utiliza isso

5

Bruno, agradeço por ajudar. O exemplo exibido (retirado da documentação) está com o navButtons desativado rs. Continuo sem encontrar um exemplo de implementação.