3

Tenho o seguinte botão:

$(document).ready(function() {
  $('#example').DataTable({
    "dom": 'T<"clear">lfrtip',
    "tableTools": {
      "sSwfPath": "/swf/copy_csv_xls_pdf.swf"
    }
  });
});
<script src="https://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.2/js/jquery.dataTables.js"></script>
<link href="https://cdn.datatables.net/1.10.2/css/jquery.dataTables.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css" rel="stylesheet" />
<script src="http://www.datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js"></script>
<link href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<button id="btnExportar">Exportar</button>

<table id="example" class="display" cellspacing="0" width="100%">

  <thead>
    <tr>
      <th>Nome</th>
      <th>E-Mail</th>
      <th>Profissão</th>


    </tr>
  </thead>

  <tfoot>
    <tr>
      <th>
        Nome
      </th>
      <th>
        E-Mail
      </th>
      <th>
        Profissão
      </th>



    </tr>
  </tfoot>

  <tbody>
    <td>Tiago Ferezin</td>
    <td>[email protected]</td>
    <td>Programador</td>

  </tbody>
</table>

Como vemos no código a função não está funcionando, não sei o motivo, e gostaria de associar essa função ao botão exportar para que quando o usuário clicar nesse botão, já abre a janela de download para baixar em *.csv, o contéudo do DataTable, no PC do usuário.

Como se resolve?

1 Resposta 1

2

A Datatables tem um implementação de File Export que faz o que você precisa e tem um tópico especifico para csv. Para que tudo funcione você tem que fazer os importes de todos os arquivos listados logo abaixo do exemplo no site. Segue um jsfiddle para que você teste :)

6
  • No jsfiddle deu certo, porém depois de fazer todas as importações e tudo e colocar de acordo com o que esta no jsfiddle postado, tambem nao resolveu Commented 15/03/2016 às 17:51
  • @TiagoFerezin , opa .. qual a versão da DataTables que você está utilizando ? e é muito importante verificar a sequencia de importação dos javascript :)
    – Brunno
    Commented 15/03/2016 às 18:14
  • @TiagoFerezin se quiser baixar com as referencias importadas, disponibilizei para você aqui espero que ajude :)
    – Brunno
    Commented 15/03/2016 às 18:27
  • rodou mas ele gerou um botao, eu queria colocar essa função dentro do meu botão que personalizei já, tem como.? Caso não, teria outra forma de se fazer isso? nem que seja pelo lado do Servidor com o Java mesmo. Commented 15/03/2016 às 20:07
  • 1
    @TiagoFerezin, só é possível utilizar os botões gerados pela biblioteca, pois os botões de "Copy", "CSV", "Excel" e "PDF" foram implementados utilizando Adobe Flash. o problema de desconfiguração deve ser algum conflito com os arquivos css, basta ir removendo os novos e adicionando os antigos :)
    – Brunno
    Commented 16/03/2016 às 13:10

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .