DataTables JS

datatables.js

$(function () {

    $('#tbl_veiculos').DataTable({
        processing: true,
        serverSide: true,
        ajax: '/api/XXXXXX/XXXXXX-json',
        columns:[
          {data :'XXXXXX', name:'XXXXXX'},
        ],
        "columnDefs": [

        {"targets": 2, "render": function (data, type, row) {

            var botao = "<div class='btn-group dropup'>\
                            <button type='button' class='btn btn-sm btn-default'>Ações</button>\
                                <button type='button' class='btn btn-sm btn-default dropdown-toggle' data-toggle='dropdown' aria-expanded='false'>\
                                <span class='caret'></span> <span class='sr-only'>Toggle Dropdown</span>\
                            </button>\
                            <ul class='dropdown-menu' role='menu'>\
                                <li><a href='/XXXXXX/"+row.id+"/editar'><i class='fa fa-edit' aria-hidden='true'></i> Editar</a></li>\
                                <li><a href='#'><i class='fa fa-trash' aria-hidden='true'></i> Deletar</a></li>\
                            </ul>\
                        </div>";
            return botao; }
        },

        ],
        'language': {
        "lengthMenu": "_MENU_ p/ página",
        "search": "Buscar: ",
        "loadingRecords": "Carregando...",
        "processing": "Processando...",
        "info":           "Mostrando _START_ a _END_ de _TOTAL_ XXXXXX",
        "paginate": {
        "first":      "Primeiro",
        "last":       "Último",
        "next":       "Próximo",
        "previous":   "Anterior"
        },
        "zeroRecords":    "Opa, nenhum XXXXXX foi localizado.",
    },
        'paging'      : true,
        'lengthChange': true,
        'searching'   : true,
        'ordering'    : true,
        'info'        : true,
    })
})