Giter Site home page Giter Site logo

Ajuda com Datatable about forum HOT 16 CLOSED

frontendbr avatar frontendbr commented on May 3, 2024
Ajuda com Datatable

from forum.

Comments (16)

RicardoJunior avatar RicardoJunior commented on May 3, 2024 2

No datatables, ele trabalha com essa forma de paginação que só pode ser definida na criação (se eu não me engano), que é com uma propriedade "pageLength" (https://datatables.net/reference/option/pageLength).

A muito tempo atrás, tive que criar uma forma de scroll infinito e nos plugins do datatable não existia nada. Eu não tinha muito tempo, então a solução criada foi o seguinte. Eu defini o maior número possível, tratei tudo pelo retorno do meu backend. Defini no backend um retorno de um número limitado de linhas, quando elas acabavam (após rolar no scroll), eu disparava o ajax de novo com o número de página + 1 (lembrando que a quantidade de paginas é o total de registros divido pela quantidade de registros que você definiu como inicial), e retorno das próximas chamadas ajax, você vai ter que trazer junto os resultados anteriores. Ele não guarda nenhum histórico interno do que já foi disparado.

Algum tempo depois eu li num e-mail de release deles que eles tinham um novo plugin pra isso, que seria o: http://legacy.datatables.net/release-datatables/examples/basic_init/scroll_y_infinite.html

Acho que isso já ajuda!

from forum.

felipefialho avatar felipefialho commented on May 3, 2024

Consegue ajudar @fdaciuk ?

from forum.

fdaciuk avatar fdaciuk commented on May 3, 2024

Não conheço o datatable, mas não ficaria mais fácil fazer o request, e depois jogar os resultados na tabela?

from forum.

vitocaio avatar vitocaio commented on May 3, 2024

è um pouco mais complexo que isso, desenvolvo em um framework da empresa, possui uma funcionalidade que gera uma table automaticamente, onde eu posso editar o font do mesmo para customizar, mas ele só retorna uma quantidade limitada de dados, os demais dados, ou o resto das linhas da table, iria vir junto a um metodo que eu devo implementar que ira carregar o resto dos dados quando o usurário der um scroll na pagina, igual ao facebook entendi?

from forum.

fdaciuk avatar fdaciuk commented on May 3, 2024

Mas, via ajax, você tem acesso a todos esses dados? Esquecendo o datatable: se você fizer um request ajax, você consegue pegar todos os dados que precisa?

from forum.

vitocaio avatar vitocaio commented on May 3, 2024

Então, na verdade é até um pouco estranho, o Ajax que uso não seria o tradicional, é um método do datatable que faz um request Ajax, mas que só retorna a quantidade de dados que cabe no height atual do datatable, por exemplo, quanto maior o heigth do datatable mais dados ele retorna, mas não posso mudar o heigth pois isso vai gerar uma rolagem desnecessária, eu preciso executar algum método do datatable que quando dou um scroll na tela ele faz uma nova request retornando o resto dos dados.

from forum.

fdaciuk avatar fdaciuk commented on May 3, 2024

Sim, isso eu entendi.. mas você não pode fazer um request fora do datatable? Se não puder, tem que ler a doc do datatable pra ver como ele se comporta com relação a isso.

Mas se puder, seria só fazer o que você já está fazendo, mas ao invés de usar o ajax do datatable, na resposta do request, você popula o datatable, sacou?

from forum.

vitocaio avatar vitocaio commented on May 3, 2024

pow, pode crer, vou tentar isso.

from forum.

RicardoJunior avatar RicardoJunior commented on May 3, 2024

Opa! eu já trabalhei com o Datatables! @vitocaio

from forum.

vitocaio avatar vitocaio commented on May 3, 2024

Eai, ja precisou fazer algo parecido com o que estou fazendo?

from forum.

alexandreximenes avatar alexandreximenes commented on May 3, 2024

estou tentando pesquisar uma coluna que é preenchido com um select <select></select> alguém sabe como fazer isso?

from forum.

AmandaFonseca avatar AmandaFonseca commented on May 3, 2024

Eu não entendi muito bem o que vc precisa mas eu estou estudando dataTable agora também.
Mas acho que vc pode pegar carregar todos os valores via Ajax, adicionar os arquivos da biblioteca dataTable, incorporar o select que você quer, acho que o select da biblioteca chamado example_length vai servir já que vc pode alterar o css dele para deixa-lo parecido com aquele select do face. Ai você inspeciona esse elemento e altera o valor dele ou altera o valor dele via jquery.

from forum.

alexandreximenes avatar alexandreximenes commented on May 3, 2024

from forum.

AmandaFonseca avatar AmandaFonseca commented on May 3, 2024

Dá uma olhada nesses links :https://webix.com/widget/datatable/
https://webix.com/demo/datatable/multi-select-filter/

from forum.

alexandreximenes avatar alexandreximenes commented on May 3, 2024

from forum.

AmandaFonseca avatar AmandaFonseca commented on May 3, 2024

Teria que estudar a documentação mas infelizmente estou cheia de trabalho.
Lamento amigo.

from forum.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.