최고의 동적 JavaScript / JQuery 그리드

최고의 동적 JavaScript / JQuery 그리드 [닫힌]

---

저는 JavaScript, JQuery 및 HTML로 작업하고 있습니다. 내 프로젝트의 UI는 완전히 동적입니다. 다음 기능을 지원하는 동적 JavaScript / JQuery Grid를 찾고 있습니다.

누구든지 다음 기능을 지원하는 멋진 오픈 소스 그리드가 있다고 말할 수 있습니까?

1. 런타임에 그리드의 인스턴스를 만들고 DOM에 추가 할 수 있어야합니다.
2. 열 템플릿 (텍스트 상자, 선택, 체크 박스 또는 입력 또는 간단한 텍스트) 지원
3. 실시간으로 새 열 템플릿 설정 또는 기존 열 템플릿 교체를 지원합니다.
4. 열 아래에있는 입력 컨트롤 (예 : 텍스트 상자, 확인란 ..)이 거의 활성화 되지 않고 비활성화 될 수 있습니다 .
5. 실시간으로 setData ()를 지원합니다.
6. 사용자가 입력 데이터를 변경하면 이벤트를 지원합니다.
7. 행 선택을 지원해야합니다.
8. 전체 그리드를 렌더링하지 않고 실시간으로 행을 추가하거나 행을 삭제합니다.
9. 페이징을 지원합니다.
10. 실시간으로 모든 열을 기준으로 정렬을 지원합니다.
11. 사용자가 실시간으로 데이터를 정렬하면 이벤트가 발생합니다.
12. 그리드 UI는 실현 가능한 열을 지원해야합니다.
13. 자동 크기 조정 가능 (상위 요소의 크기에 따라 그리드의 크기를 자동으로 조정할 수 있으면 좋습니다)
14. 확실히 좋은 문서가 있습니다.

---

유용한 정보는 다음과 같습니다.

비어 있는:

• Gijgo 그리드
• Backgrid.js
• Flexigrid
• jqGridView
• 잉그리드
• SlickGrid
• DataTables
• Shield UI Lite 그리드

유료 :

• 멋진 그리드
• jQuery 그리드
• jqxGrid
• Shield UI 그리드

내 생각에 가장 좋은 항목은 Flexigrid와 jQuery Grid입니다.

---

http://datatables.net/ 시도해 볼 수 있습니다.

DataTables는 jQuery Javascript 라이브러리 용 플러그인입니다. 점진적 향상의 기반을 기반으로하는 매우 유연한 도구로, 모든 HTML 테이블에 고급 상호 작용 제어를 추가합니다. 주요 특징들:

• 가변 길이 페이지 매김
• 즉석 필터링
• 데이터 유형 감지를 통한 다중 열 정렬
• 열 너비의 스마트 처리
• 거의 모든 데이터 소스의 데이터 표시
• DOM, Javascript 배열, Ajax 파일 및 서버 측 처리 (PHP, C #, Perl, Ruby, AIR, Gears 등)
• 테이블 뷰포트에 대한 스크롤 옵션
• 완전히 국제화 가능
• jQuery UI ThemeRoller 지원
• 견고 함-2600 개 이상의 단위 테스트로 뒷받침
• 다양한 플러그인 inc. TableTools, FixedColumns, KeyTable 등
• 무료입니다!
• 상태 저장
• 숨겨진 열
• 테이블의 동적 생성
• Ajax 데이터 자동로드
• 커스텀 DOM 포지셔닝
• 단일 열 필터링
• 대체 페이지 매김 유형
• 비파괴 DOM 상호 작용
• 열 강조 표시 정렬
• 고급 데이터 소스 옵션
• 광범위한 플러그인 지원
• 정렬, 유형 감지, API 함수, 페이지 매김 및 필터링
• CSS로 완전히 테마 가능
• 견고한 문서
• 110+ pre-built examples
• Full support for Adobe AIR

---

My suggestion for dynamic JQuery Grid are below.

http://reconstrukt.com/ingrid/

https://github.com/mleibman/SlickGrid

http://www.datatables.net/index

Best one is :

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Variable length pagination

On-the-fly filtering

Multi-column sorting with data type detection

Smart handling of column widths

Display data from almost any data source

DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)

Scrolling options for table viewport

Fully internationalisable

jQuery UI ThemeRoller support

Rock solid - backed by a suite of 2600+ unit tests

Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more

Dynamic creation of tables

Ajax auto loading of data

Custom DOM positioning

Single column filtering

Alternative pagination types

Non-destructive DOM interaction

Sorting column(s) highlighting

Advanced data source options

Extensive plug-in support

Sorting, type detection, API functions, pagination and filtering

Fully themeable by CSS

Solid documentation

110+ pre-built examples

Full support for Adobe AIR

---

Have a look at agiletoolkit.org as this has a simple to use CRUD which supports 2,4,6,7,9,10 and 12 out of the box (uses Ajax to defender the grid when adding,deleting data and it integrates with jquery.

I would post some examples but on an iPad at the moment.

참고URL : https://stackoverflow.com/questions/8677298/best-dynamic-javascript-jquery-grid