建站
咨詢
售后
建站咨詢
新聞中心
表格一直是展示數(shù)據(jù)的***方式。以微軟的Excel為例，我們可以排序、整理、編輯，甚至幾次點(diǎn)擊輕松過濾數(shù)據(jù)。這次，我們看一看JavaScript網(wǎng)格插件，利用JS應(yīng)用，它轉(zhuǎn)換成普通表到“類Excel”布局，并有加載、操作、查看數(shù)據(jù)的一堆功能。
十余年的紅花崗網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營(yíng)銷網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整紅花崗建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)公司從事“紅花崗網(wǎng)站設(shè)計(jì)”,“紅花崗網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。
推薦專題：JavaScript學(xué)習(xí)筆記 有問有答
下面列出7個(gè)JavaScript網(wǎng)格插件，他們都有不錯(cuò)的功能和漂亮的UI，一定會(huì)非常有用。
1. FlexiGrid
Flexigrid是一個(gè)類似于Ext Gird，但基于jQuery開發(fā)的Grid。它具有的功能包括：可以調(diào)整列寬，合并列標(biāo)題，分頁，排序，顯示/隱藏表格等。Flexigrid顯示的數(shù)據(jù)能夠通過Ajax獲取或者從一個(gè)普通的表格轉(zhuǎn)換。
2. EditableGrid
EditableGrid是一個(gè)JavaScript Library，利用它能夠讓標(biāo)準(zhǔn)的HTML表格變成可編輯和可排序。這個(gè)Library能夠讓用戶自動(dòng)使用適當(dāng)?shù)木庉嬈魅鐃extfields、checkbox等來編輯單元格，并內(nèi)置多各個(gè)輸入校驗(yàn)器(integer、double、URL、E-mail和Date)。此外EditableGrid還可選集成Open Flash Chart，能夠自動(dòng)將表格中的數(shù)據(jù)轉(zhuǎn)成圖表。
3. jQGrid
jqGrid 是一個(gè)用來顯示網(wǎng)格數(shù)據(jù)的jQuery插件，文檔比較全面，附帶中文版本。它可以被整合用任何服務(wù)器端技術(shù)，包括PHP, ASP, Java Servlets, JSP, ColdFusion, 以及Perl。
4. TableSorter
Tablesorter 是一個(gè)用來直接在瀏覽器上對(duì)表格數(shù)據(jù)進(jìn)行排序的jQuery插件，無需再次刷新頁面，支持多種單元格數(shù)據(jù)類型，例如數(shù)值、字符串、日期和自定義排序。
主要的特點(diǎn)包括：
多列排序
支持文本、URL地址、數(shù)值、IP地址、日期類型，以及自定義類型排序
支持 TH 元素的 ROWSPAN 和 COLSPAN 屬性
支持第二個(gè)隱藏域排序
可擴(kuò)展外觀
程序簡(jiǎn)小，打包后只有 7.4K
5.DataTables
DataTables是一個(gè)jQuery的表格插件。這是一個(gè)高度靈活的工具，依據(jù)的基礎(chǔ)逐步增強(qiáng)，這將增加先進(jìn)的互動(dòng)控制，支持任何HTML表格。主要特點(diǎn)：
自動(dòng)分頁處理
即時(shí)表格數(shù)據(jù)過濾
數(shù)據(jù)排序以及數(shù)據(jù)類型自動(dòng)檢測(cè)
自動(dòng)處理列寬度
可通過CSS定制樣式
支持隱藏列
易用
可擴(kuò)展性和靈活性
國(guó)際化
動(dòng)態(tài)創(chuàng)建表格
免費(fèi)的
6. SlickGrid
SlickGrid是一個(gè)簡(jiǎn)單的、快速、靈活的表格控件。可以隱藏/顯示列，調(diào)整列寬度，排序，自定義單元格展示格式和編輯器，支持編輯和創(chuàng)建新記錄。
7. Grid from jQuery UI (coming soon)
jQuery UI Team 團(tuán)隊(duì)正在開發(fā)一個(gè)可創(chuàng)建富應(yīng)用、快速的網(wǎng)格Widget，可加強(qiáng)HTML表格的數(shù)據(jù)鏈接、排序、排版、過濾、行選擇、插入編輯等。
不過目前還沒有發(fā)布，不需要等太久，oschina將跟蹤該項(xiàng)目。附：jQuery給力插件大閱兵
【編輯推薦】
- 16款***的JavaScript框架
- 8個(gè)令人驚嘆的JavaScript效果的網(wǎng)站
- 再談JavaScript圖片預(yù)加載技術(shù)
- 示例：JavaScript中的后續(xù)傳遞風(fēng)格
- 黑客調(diào)查：***JavaScript庫是什么?
分享題目：分享7款超棒的JavaScript網(wǎng)格插件
轉(zhuǎn)載來于：http://www.dlmjj.cn/article/cdeoisi.html
