jQuery_jquery 기반의 테이블 작업 플러그인

大多数前端er都把网页中的table标签替换为div，主要就是因为div要比table更容易添加CSS样式。但是我们在日常应用中仍然要用到table表格，其中最好的例子就是对照表。今天彬Go将向大家推荐15个jQuery表格插件让你对数据表格进行显示、排序、筛选和操控。如jQuery表格排序插件、jQuery表格拖拽插件、jQuery树形表格插件、设置颜色、点击、替换等效果。

1.DataTables-强大的jQuery表格插件

DataTables是提供了大量特性的强大jQuery表格插件。例如:你可以自动轻松筛选、Ajax预读取数据、分页、列排序、高亮排序列、扩展插件支持、使用CSS或jQuery UI ThemeRoller 定制主题和完整文档。

2.uiTableFilter-jQuery表格过滤插件

uiTableFilter是一个用于表格行筛选的jQuery插件。插件作者提供了详细的例子来告诉大家如何将自己的表格和插件整合在一起并完成表格筛选。

3.Scrollable HTML Table-jQuery表格滚动插件

Scrollable HTML Table jQuery插件可以让你的表格变得可以滚动控制。

买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=IDC123.COM。

4.Tablesorter-jQuery表格排序插件

Tablesorter这个jQuery插件是用来将一个包含thead和tbody标签的标准HTML表格转变为无页面刷新的可排序表格。它不但支持多列排序，而且跨浏览器兼容并且能通过widget系统进行扩展。

5.Flexigrid-Web2.0 jQuery表格插件

Flexigrid 是一个轻量级的Web2.0 jQuery插件。它包含很多非常Cool的特性，如主题定制、分页、工具栏、搜索、排序、ajax读取数据源、调整列宽高尺寸等。

6.HeatColor-jQuery表格颜色插件

HeatColor可以让你根据元素的值来为元素设置颜色。 它的值的比对时根据预设的一个范围来进行比较，最后对他们自动进行颜色值的设置。

买空间、服务器就上主机网（CNIDC.COM） 虚拟主机评测+IDC导航=IDC123.COM。

7.JQTreeTable-jQuery树形表格插件

JQTreeTable 플러그인을 사용하면 사용자의 브라우저가 JavaScript를 비활성화한 경우 접근성에 영향을 주지 않고 테이블의 일반 형식을 볼 수도 있습니다.

8.Ingrid-jQuery 테이블 플러그인

Ingrid는 또 다른 데이터 테이블 jQuery 플러그인입니다. 또한 열 크기 조정, 정렬, 행과 열에 스타일 추가 등과 같은 많은 기능이 있습니다. 작성자의 웹사이트에서는 이 jQuery 테이블 플러그인을 처음부터 사용하는 방법을 알려주는 훌륭한 문서를 제공합니다.

9.jQuery ColumnManager 플러그인

columnManager는 테이블 열의 표시 또는 숨기기를 제어할 수 있는 jQuery 플러그인이며, 다음 방문 시 현재 테이블의 상태를 저장할 수 있습니다. 이 jQuery 플러그인은 크기가 3.6kb에 불과하여 매우 작고 가볍습니다.

공간 및 서버 구매는 호스트 네트워크(CNIDC.COM)에 접속하세요 가상 호스트 평가 IDC 내비게이션=IDC123.COM.

10.jQuery treeTable-jQuery 트리 테이블 플러그인

jQuery treeTable은 테이블을 트리 구조로 표시할 수 있는 작은 JQTreeTable입니다. 이 플러그인은 문서를 깔끔하게 유지하고 브라우저가 JavaScript를 비활성화할 때 원본 테이블을 사용할 수 있도록 할 수도 있습니다.

11.CSV2Table-CSV 형식 읽기 표 플러그인

CSV2Table은 CSV 파일을 읽을 수 있으며, CSV 파일의 내용을 읽고 테이블을 생성합니다.

12.테이블 페이지 매김-jQuery 테이블 페이지 매김 플러그인

이 jQuery 테이블 페이지 매김 플러그인은 테이블 아래에 페이지 매김 요소를 생성할 수 있으며, 다양한 설정을 통해 페이지 매김을 사용자 정의할 수도 있습니다.

공간 및 서버 구매는 호스트 네트워크(CNIDC.COM)에 접속하세요 가상 호스트 평가 IDC 내비게이션=IDC123.COM.

13.jQuery TableRowCheckboxToggle

이 jQuery 테이블 플러그인을 사용하면 체크박스 상태를 변경하고 테이블 행을 클릭할 때 행의 CSS 스타일을 수정할 수 있습니다.

14.테이블 드래그 앤 드롭 jQuery 플러그인-jQuery 테이블 드래그 앤 드롭 플러그인

이 간단한 jQuery 플러그인을 사용하면 행을 드래그하여 테이블의 행을 다시 정렬할 수 있습니다.

15.uiTableEdit

uiTableEdit는 Greg Weber가 만든 멋진 jQuery 테이블 편집 플러그인으로, 사용자가 테이블 콘텐츠를 편집할 수 있습니다.