가장 빠른 분류 가능한 JavaScript HTML 테이블
https://stackoverflow.com/questions/1441982
-
10-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
나는 HTML 테이블 위에 놓아서 정렬 가능하게 만드는 많은 JavaScript 예제를 보았습니다. 문제는 내가보고 시도한 모든 사람이 미친 듯이 느리다는 것입니다.
좋은 성능 솔루션에 대한 제안 또는 권장 사항.
해결책
나는 (집중적 인 분석을 통해서가 아니라) jQuery 테이블 러 플러그인 적절한 성능 속도가 있으며 다른 솔루션에 비해 상당히 발전됩니다.
물론, 그것은 jQuery에 의존하지만, 발자국에 대해 까다 롭다면 플러그인이 사용하는 방법을 분석하고 자신의 가벼운 구현을 만들 수 있습니다.
다른 팁
이것이 웹 앱을위한 것이고 많은 데이터가있는 경우 SQL 또는 사용중인 ORM을 사용하여 정렬 서버 측을 수행하는 것이 더 합리적 일 수 있습니다.
내가 찾은 가장 빠른 방법은 실제로 테이블의 행을 정렬하는 것입니다. DOM에서 셀을 움직이면 전체 행이 움직이고 정렬해야합니다.
내가 원래하는 것에 대해 읽은 기사를 기억하지 못하기 때문에 다음은이 작업을 수행하는 샘플입니다.http://www.eggeadcafe.com/community/aspnet/3/10051794/try-this.aspx
나는 jQuery One, Dojo One, Yui DataTable 및 GWT의 페이징 스크롤 테이블을 포함한 다양한 고급 테이블 라이브러리를 평가하는 데 많은 시간을 보냈습니다. 나는 수천 개의 행이있는 테이블에 대한 성능에 만족하지 못했습니다 (그리고 페이징도 열악한 솔루션이라고 생각합니다).
나는 Flash가 이런 종류의 시나리오를 사용하는 방법이라고 결론 지었다.
10000, 100000 및 백만 행이있는 플래시 테이블의 예를 제공하는 사이트를 찾을 수 있습니다. 여기.
도 있습니다 이것 사이트를 사용하면 자바 스크립트의 성능과 고급 테이블의 플래시 구현을 비교할 수 있습니다.
아마도 JavaScript는 여기서 솔루션이 아닙니다. 서버 측 정렬을 수행하거나 Flex/ActionScript 기반 솔루션을 고려할 수 있습니다.
나는 W3 School 정렬 플러그인을 사용하고 있었고 250 행의 테이블로 정말 느 렸습니다. 좋은 5 초 동안 응답하지 않습니다.
답장에 언급 된대로 Tablesorter.com으로 전환했습니다. 매력처럼 작동합니다. 훨씬 더 빠릅니다. 지금까지 기다리지 마십시오.
