가상 렌더링/스크롤 인 견고한 고성능 HTML 그리드/테이블을 찾고 있습니다. 지금까지 내가 컴파일 한 다음 가능한 옵션 :HTML 그리드/테이블 옵션 (가상 렌더링/스크롤)
처음 , 누구든지이 목록에 더 많은 옵션을 고려해 주시면 감사하겠습니다.
둘째, 사람 등, 같은 브라우저 호환성로 ... 고성능 웹 사이트에 대한 HTML 그리드/테이블을 사용하여 -10 만 동시 사용자 및 문제를 어떤 "현실 세계"경험을 제공 할 수
내 사이트는 트래픽이 많고 높은 데이터 (1 백만 + 레코드) SAAS 마케팅 자동화 시스템이며 Datatables만을 사용합니다.
Datatables의 평판 좋은 대안이라면 지난 해에 시도했지만 사이트 트래픽은 발견 된 모든 솔루션에 문제가되지 않을 가능성이 있습니다. (비교적) 오버 헤드가 적습니다.
트릭은 많은 데이터를 처리합니다. 많은 옵션은 자바 스크립트에 HTML 표를 보내고 DOM을 크롤링하여 표를 작성합니다. 몇 천 개가 넘는 레코드를 다루기 시작하기 전까지는 훌륭한 것처럼 들리지만, 이제는 연삭이 시작됩니다. Datatables는 데이터를 한 번에 X 레코드로 만들거나 정의 된 오버 레이션 (파이프 라이닝이라고 함)을 구축하여 더 빠른 페이징을 위해 각 쿼리에서 사용자가 필요로하는 것보다 더 많은 결과를 버퍼링 할 수있게함으로써이를 극복합니다. 쿼리가 너무 잘 최적화되어 있으면 사용자가 거의 눈에 띄지 않아 빠르게 작동하는 것처럼 보입니다. 실시간으로 데이터를 수정할 수있는 완전한 API가 있습니다 (예 : 편집 가능한 표).
Datatables는 jQuery ThemeRoller와 완벽하게 통합되는 유일한 검색 매개 변수입니다 (적어도 검색 당시). 내 응용 프로그램에서는 CSS 파일 (jqueryui.com에서 자동 생성)의 간단한 전환으로 데이터 테이블을 포함하여 전체 앱을 완전히 다시 작성할 수 있음을 의미합니다. co-branding을 유료로 판매 할 수있게되어 문자 그대로 5 분이 소요됩니다.
마지막으로, Datatables에는 활발한 커뮤니티, CSV 또는 PDF 로의 다운로드 및 내보내기와 같은 플러그인과 24/7의 질문에 답할 수있는 작성자가 있습니다. 그의 개념 중 많은 부분이 향후 jQuery UI Grid에 통합 될 것으로 판단됩니다. 그리드는 프로젝트에 기여하고 있기 때문에 멀지 않은 장래에 만기가 될 것입니다.
Datatables는 성능면에서 완벽하지 않습니다. 나는 그것을 높은 데이터 프로젝트에서 직접 사용하고 렌더링 문제에 끊임없이 직면 해있다. 속도가 중요하다면 특정 시스템을 구축하는 것이 가장 좋을 것입니다. 최선의 성능 렌더링을 위해 react.js (또는 유사한 것)를 사용해 볼 수도 있습니다. – Brock