JSFiddle - React, Tailwind, and code Playground

by Rodrigo Portillo

JavaScript

$(document).ready(function() {

      //DATA TABLE DA PÁGINA

      $('#listararquivos').DataTable({

        "language": {
          "lengthMenu": "Mostrando _MENU_ registros por página",
          "zeroRecords": "Nenhum registro encontrado com estes parâmetros de pesquisa",
          "info": "Mostrando página _PAGE_ de _PAGES_",
          "infoEmpty": "Nenhum registro disponível",
          "infoFiltered": "(filtrado de _MAX_ registros no total)",
          "search": "Pesquisar:",
          "paginate": {
            "first": "Primeiro",
            "last": "Último",
            "next": "Próximo",
            "previous": "Anterior"
          },
        },
        "processing": true,
        "serverSide": true,
        "ajax": {
          "url": "../banco/banco-vision/pagina-lista-arquivos/php-arquivos-disponiveis.php",
          "type": "POST",
          "data": function(item) {
						console.log(item);
            item.empresa_origem = $('#empresa_origem').val();
            item.departamento = $('#departamento').val();
            item.responsavel = $('#responsavel').val();
            item.cod = $('#cod').val();
            item.empresa = $('#empresa').val();
            item.atividade = $('#atividade').val();
            item.data_inicio = $('#data_inicio').val();
            item.data_fim = $('#data_fim').val();
          }
        }
      });

      var table = $('#listararquivos').DataTable();
      $('#form-arquivos-disponiveis').on("submit", function(event) {
        event.preventDefault();

        table.search($("#listararquivos_filter input").val()).draw();
      });

      //FIM DO DATA TABLE