2013-10-18 4 views
1

그래서 Brunch를 웹 응용 프런트 엔드의 프레임 워크로 사용하고 있습니다.datatables jquery 플러그 인 및 브런치를 사용하여 성능이 저하됨

그리고 내가하고있는 일은 테이블의 각 행을 뷰로 그린 다음 테이블을 datatables로 변환하는 것입니다.

특정 이유 때문에 각 행을보기로해야합니다.

그러나 성능은 1000 개의 행 이후 상당히 느려집니다.

내가 영리한 페이지 매김의 일종을 수행 할 수있는 방법이나 나중에 테이블의 각 행을 그릴 때까지 연기 할 수있는 아이디어 또는 별도의보기로 테이블의 각 행을 가질 수있는 다른 아이디어.

+1

브런치에 대한 경험이 없지만 브라우저 성능이 좋지 않을 경우 모든 삽입물에 업데이트가 적용될 수 있습니다. 전체 테이블이 dom에 삽입되기 전에 메모리에 내장되어 있는지 확인하십시오. – bmasterson

+0

어떤 브라우저로 테스트하고 있습니까? IE <10의 jquery 플러그인에서 다른 브라우저와 비교하여 눈에 띄게 느린 성능을 보이는 200 개 이상의 행이 필요합니다. –

답변

1

예, bDeferRender를 사용 - 옵션에서 :

bDeferRender: true 

docs에서 :

엄청난 속도 향상과 DataTables를 제공 할 수 있습니다

지연 렌더링 당신이 아약스 또는 JS 데이터를 사용하는 테이블의 소스. 이 옵션을 으로 설정하면 DataTable이 각 행에 대한 테이블 요소의 작성을 지연하여 드로잉에 필요할 때까지 수행하여 상당한 시간이 걸릴 수 있습니다 ( ).

나를 위해, 그것은 ajax 또는 "native"(테이블이 정적 인)로 행을 삽입 할 때 모두 작동합니다. bDeferRender을 사용할 때 페이징 처리 된 테이블에서 10000 개의 행에 문제가 없습니다.