jQuery 테이블 : 테이블 작성 및 관리를위한 플러그인

이 기사는 HTML 테이블을 향상시키기위한 다양한 JQuery 플러그인을 탐색하여 현대 웹 디자인의 표준 테이블의 한계, 특히 모바일 응답 성 및 고급 기능과 관련하여 다루고 있습니다. 이 기사는 2016 년 11 월 10 일에 업데이트되었습니다.

HTML 테이블은 테이블 데이터를 효과적으로 표시하는 원래의 목적에 사용되지만 종종 반응 형 디자인 및 고급 상호 작용과 같은 현대적인 기능이 부족합니다. 이 기사는 이러한 제한을 극복하도록 설계된 몇 가지 jQuery 플러그인을 검토합니다. 키 테이크 아웃 :

Dynatable :

는 테이블 렌더링, 필터링 및 검색에 대한 광범위한 사용자 정의를 제공하지만 마지막 주요 업데이트는 2014 년에있었습니다. 부트 스트랩 테이블 :

> 부트 스트랩 프로젝트에 이상적인 기능이 풍부한 가벼운 플러그인, 반응 형 디자인, 필터링 및 내보내기 기능 제공. 고정 헤더 테이블 : 스크롤 중에 가시 테이블 헤더를 유지하기위한 간단한 플러그인이지만 최근 업데이트가 부족합니다 (마지막 업데이트 2011). DataTables : 다양한 CSS 프레임 워크와 통합하는 정렬, 필터링, 페이지 매김 및 우수한 문서가있는 포괄적 인 플러그인. 프리미엄 지원 옵션을 제공합니다. jQuery HighChartTable :

테이블 데이터를 대화식 HighCharts 그래프로 변환하여 상업용 사용을 위해 HighCharts 라이센스가 필요합니다. Tabulator : 행 그룹화, 툴팁 및 인라인 편집과 같은 기능이있는 유연하고 적극적으로 유지 관리 된 플러그인 (GitHub).

FancyGrid :
• 는 스타일링, 필터링, 정렬, 페이지 매김 및 하이 차트 통합을 제공하지만 상업용 사용을위한 라이센스가 필요합니다. 웹 사이트로드 성능이 일관되지 않을 수 있습니다 jQuery Kingtable : 복잡한 검색/필터링을위한 개발자 중심 플러그인, 데이터가 많은 응용 프로그램에 이상적입니다. 내장 된 모바일 응답 성이 부족합니다. stackable.js :
행 요소를 쌓아서 모바일 중심 플러그인 모바일 친화적 인 테이블 레이아웃 우선 순위. jQuery Restable :
• 또 다른 모바일 중심 플러그인, 개선 된 모바일 디스플레이를위한 테이블 행을 구조 조정하십시오. 풋 타일 : 부트 스트랩에서 영감을 얻은 플러그인 (부트 스트랩이 있거나없는 경우)은 검색, 필터링, 정렬 및 인라인 편집을 제공합니다. 적극적으로 유지되었습니다. tabella.js : 터치/스 와이프 스크롤이있는 동적 테이블을 생성하기위한 플러그인, 긴 테이블에 적합합니다. 2015 년에 마지막으로 업데이트되었습니다.
플러그인 세부 정보 (요약) :
• 각 플러그인은 스크린 샷 (이미지의 원본 기사 참조), 강점, 약점 및 업데이트 빈도를 포함하여 자세히 설명됩니다. 이 기사는 또한 사용 가능한 경우 데모 및 Github 리포지토리에 대한 링크를 제공합니다.

  자주 묻는 질문 : 이 기사는 페이지 매김, 응답 성, 검색, 정렬, 필터링, 스타일링, 호버 효과, 클릭 이벤트, 기능 삭제 및 편집과 같은 일반적인 jQuery 테이블 작업을 다루는 포괄적 인 FAQ 섹션으로 마무리됩니다. 이러한 기능 중 몇 가지 기능에 대해 DataTables를 사용하는 예가 제공됩니다. 코드 예제는 원본 텍스트로 제공됩니다. 이 요약은 원래 기사의 본질을 유지하면서 컨텐츠를 재구성하고 개선 된 흐름 및 가독성을 위해 섹션을 재구성합니다. 이미지 URL은 보존됩니다

위 내용은 jQuery 테이블 : 테이블 작성 및 관리를위한 플러그인의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!