Skip to main content
removeu 36 caracteres do conteúdo
Fonte Link
Renato Gama
  • 1,4mil
  • 9
  • 16
    $('table.dataTable').DataTable({
        displayLength: 15, //Começaremos com apenas 15 registros
        serverSide: true,  //Quem vai tratar a interação com a tabela é o servidor
        paginate: true,    //Queremos paginas
        filter: true,      //Queremos que o usuário possa procurar entre os 5k registros
        ajax: {
            url: 'filtragemDeRegistros.php' //O seu script que vai filtrar os dados do lado do servidor
        }
    });
    $('table.dataTable').DataTable({
        displayLength: 15, //Começaremos com apenas 15 registros
        serverSide: true,  //Quem vai tratar a interação com a tabela é o servidor
        paginate: true,    //Queremos paginas
        filter: true,      //Queremos que o usuário possa procurar entre os 5k registros
        ajax: {
            url: 'filtragemDeRegistros.php' //O seu script que vai filtrar os dados do lado do servidor
        }
    });
$('table.dataTable').DataTable({
    displayLength: 15, //Começaremos com apenas 15 registros
    serverSide: true,  //Quem vai tratar a interação com a tabela é o servidor
    paginate: true,    //Queremos paginas
    filter: true,      //Queremos que o usuário possa procurar entre os 5k registros
    ajax: {
        url: 'filtragemDeRegistros.php' //O seu script que vai filtrar os dados do lado do servidor
    }
});
Formatando texto da resposta.
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54

1- Você faz um request no servidor
2- Você busca todos os 5k registros no banco de dados
3- Você renderiza um HTML gigantesco com todos os milhares de registros
4- O browser recebe os dados e gasta muito tempo aplicando a DataTables em todos esses registros

  1. Você faz um request no servidor
  2. Você busca todos os 5k registros no banco de dados
  3. Você renderiza um HTML gigantesco com todos os milhares de registros
  4. O browser recebe os dados e gasta muito tempo aplicando a DataTables em todos esses registros

1- Você recebe um request e devolve uma página basicamente vazia, contendo apenas a estrutura da tabela HTML vazia, onde voce vai aplicar o DataTables
2- Assim que o browser receber o HTML e a página estiver pronta (em $(function() {}); por exemplo) você chama o DataTables passando os parâmetros para utilizar a paginação nativa deles, ou seja:

  1. Você recebe um request e devolve uma página basicamente vazia, contendo apenas a estrutura da tabela HTML vazia, onde voce vai aplicar o DataTables
  2. Assim que o browser receber o HTML e a página estiver pronta (em $(function() {}); por exemplo) você chama o DataTables passando os parâmetros para utilizar a paginação nativa deles, ou seja:
    $('table.dataTable').DataTable({
        displayLength: 15, //Começaremos com apenas 15 registros
        serverSide: true,  //Quem vai tratar a interação com a tabela é o servidor
        paginate: true,    //Queremos paginas
        filter: true,      //Queremos que o usuário possa procurar entre os 5k registros
        ajax: {
            url: 'filtragemDeRegistros.php' //O seu script que vai filtrar os dados do lado do servidor
        }
    });

1- Você faz um request no servidor
2- Você busca todos os 5k registros no banco de dados
3- Você renderiza um HTML gigantesco com todos os milhares de registros
4- O browser recebe os dados e gasta muito tempo aplicando a DataTables em todos esses registros

1- Você recebe um request e devolve uma página basicamente vazia, contendo apenas a estrutura da tabela HTML vazia, onde voce vai aplicar o DataTables
2- Assim que o browser receber o HTML e a página estiver pronta (em $(function() {}); por exemplo) você chama o DataTables passando os parâmetros para utilizar a paginação nativa deles, ou seja:

$('table.dataTable').DataTable({
    displayLength: 15, //Começaremos com apenas 15 registros
    serverSide: true,  //Quem vai tratar a interação com a tabela é o servidor
    paginate: true,    //Queremos paginas
    filter: true,      //Queremos que o usuário possa procurar entre os 5k registros
    ajax: {
        url: 'filtragemDeRegistros.php' //O seu script que vai filtrar os dados do lado do servidor
    }
});
  1. Você faz um request no servidor
  2. Você busca todos os 5k registros no banco de dados
  3. Você renderiza um HTML gigantesco com todos os milhares de registros
  4. O browser recebe os dados e gasta muito tempo aplicando a DataTables em todos esses registros
  1. Você recebe um request e devolve uma página basicamente vazia, contendo apenas a estrutura da tabela HTML vazia, onde voce vai aplicar o DataTables
  2. Assim que o browser receber o HTML e a página estiver pronta (em $(function() {}); por exemplo) você chama o DataTables passando os parâmetros para utilizar a paginação nativa deles, ou seja:
    $('table.dataTable').DataTable({
        displayLength: 15, //Começaremos com apenas 15 registros
        serverSide: true,  //Quem vai tratar a interação com a tabela é o servidor
        paginate: true,    //Queremos paginas
        filter: true,      //Queremos que o usuário possa procurar entre os 5k registros
        ajax: {
            url: 'filtragemDeRegistros.php' //O seu script que vai filtrar os dados do lado do servidor
        }
    });
adicionou 796 caracteres ao conteúdo
Fonte Link
Renato Gama
  • 1,4mil
  • 9
  • 16

EDIT:

Para usar o render para gerar uma imagem você vai precisar colocar um campo "columns":

var oTable1 = $('#tabela-agenda').dataTable({
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "cadastroCarregaRegistros.php",
    columns: [
        {
            data: "foto", //Nome do campo no JSON, que contem a url da foto
            render: function(value) {
                return '<img src="http://seuendereco.com/imagens/' + value + '"/>';
            }
        }
    ]
});

OBS: Substitua o src da imagem adequadamente.

Eu acho que voce vai precisar definir um objeto desse para cada coluna, não sei se você pode emitir o resto. faz o teste com isso que sugeri e me responde lá no chat

EDIT:

Para usar o render para gerar uma imagem você vai precisar colocar um campo "columns":

var oTable1 = $('#tabela-agenda').dataTable({
    "bProcessing": true,
    "bServerSide": true,
    "sAjaxSource": "cadastroCarregaRegistros.php",
    columns: [
        {
            data: "foto", //Nome do campo no JSON, que contem a url da foto
            render: function(value) {
                return '<img src="http://seuendereco.com/imagens/' + value + '"/>';
            }
        }
    ]
});

OBS: Substitua o src da imagem adequadamente.

Eu acho que voce vai precisar definir um objeto desse para cada coluna, não sei se você pode emitir o resto. faz o teste com isso que sugeri e me responde lá no chat

adicionou 2531 caracteres ao conteúdo
Fonte Link
Renato Gama
  • 1,4mil
  • 9
  • 16
Carregando
Fonte Link
Renato Gama
  • 1,4mil
  • 9
  • 16
Carregando