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
- Você faz um request no servidor
- Você busca todos os 5k registros no banco de dados
- Você renderiza um HTML gigantesco com todos os milhares de registros
- 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:
- 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
- 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
}
});