之類的文章?請(qǐng)務(wù)必訂閱我們的RSS提要,并按照我們?cè)?/font>Twitter上留了最新的內(nèi)容。
jQuery插件與數(shù)據(jù)網(wǎng)格(Data Grid)
這是一個(gè)非常有用的列表,這將有助于避免搞亂數(shù)據(jù)表,時(shí)間可能會(huì)恐嚇你的jQuery插件。有一些重復(fù)的功能。但是,選擇是你的,你可以比較他們。選擇一個(gè)最適合你的項(xiàng)目的要求。
羅盤為jQuery的DataGrid
指南針DataGrid有一個(gè)漂亮的UI設(shè)計(jì)。這是一個(gè)Ajax驅(qū)動(dòng)的數(shù)據(jù)網(wǎng)格,它的數(shù)據(jù)依賴于服務(wù)器端的代碼。指南針DataGrid中填充一個(gè)空表,然后通過(guò)AJAX請(qǐng)求一個(gè)服務(wù)器端的URL更新的表使用服務(wù)器端的JSON格式的數(shù)據(jù)返回。這個(gè)jQuery插件也有一個(gè)很好的數(shù)據(jù)表分頁(yè)的數(shù)據(jù)表。這的確是一個(gè)值得嘗試的插件。
jqGrid的
jqGrid的是一個(gè)jQuery插件,它的樂(lè)趣和輕松的方式,以節(jié)省時(shí)間為Web開(kāi)發(fā)人員。您將不再需要搞砸了JavaScript代碼,如果你不喜歡它,因?yàn)橐磺卸继幚鞵HP(ASP.NET支持)。有趣的是,您可以將數(shù)據(jù)導(dǎo)出為Excel格式表。
Zentable
Zentable是一個(gè)插件的jQuery JavaScript庫(kù),它可以顯示和操作在網(wǎng)頁(yè)上的表格數(shù)據(jù),但許多功能:滾動(dòng)鼠標(biāo)滾輪,調(diào)整列寬或使用鍵移動(dòng)通過(guò)數(shù)據(jù)。您也可編輯的數(shù)據(jù)表中的字段。
jgrideditor
這個(gè)jQuery插件允許你添加在飛行中的單元格編輯功能表中的。非常輕便,易于使用。
columnManager
ColumnManager重量輕的jQuery插件,可以幫助切換能見(jiàn)度表列(折疊和展開(kāi)),并保存狀態(tài),直到下一次訪問(wèn)。伊達(dá)€?的配套表與colspans和rowspans,太。
jqGridView
這jqGridView是數(shù)據(jù)表,我會(huì)建議人們最好的jQuery插件。jqGridView是高點(diǎn)??擊鮑澤兼容的jQuery插件。它為Web開(kāi)發(fā)人員,豐富的客戶端,基于XML,AJAX網(wǎng)格插件的jQuery庫(kù)。jqGridView提供專業(yè)的解決方案,代表和編輯表格數(shù)據(jù)在網(wǎng)絡(luò)上。通過(guò)CSS,你可以輕松地自定義的外觀和感覺(jué)這個(gè)插件。此外,編輯/更新的實(shí)時(shí)數(shù)據(jù)行,這會(huì)使你更快樂(lè)。
英格麗
制表和良好的datagrid的行為(列調(diào)整大小,分頁(yè),排序,行和列的造型,更多)到你的表,你不會(huì)有任何困難。
Flexigrid
Flexigrid是輕量級(jí)的jQuery插件,可用于任何普通的表轉(zhuǎn)換成一個(gè)功能豐富的控制。主要功能包括:可調(diào)整大小的列,滾動(dòng)數(shù)據(jù),并能夠連接到基于XML的數(shù)據(jù)源中使用AJAX加載的內(nèi)容。Flexigrid就像指南針Datagrid中,有一個(gè)漂亮的界面和易于通過(guò)CSS定制。
SlickGrid
這是jQuery的很輕的腳本。SlickGrid利用虛擬的渲染,使您能夠輕松地與數(shù)百上千項(xiàng)沒(méi)有任何性能下降。
jQuery的進(jìn)行treetable
進(jìn)行treetable是jQuery的一個(gè)插件,可以幫助你在一個(gè)表中顯示樹(shù),即目錄結(jié)構(gòu)或嵌套列表。這是偉大的想法,除了樹(shù)在多個(gè)列中顯示額外的數(shù)據(jù)。
Tablesorter
Tablesorter是一個(gè)jQuery插件,THEAD和TBODY標(biāo)簽的可分類表把一個(gè)標(biāo)準(zhǔn)的HTML表格,沒(méi)有頁(yè)面刷新。tablesorter能夠成功地解析和多種類型的數(shù)據(jù),包括鏈接的單元格中數(shù)據(jù)進(jìn)行排序。正如名字所說(shuō)的那樣,Tablesorter般的魅力,在數(shù)據(jù)表中的排序。
數(shù)據(jù)表
數(shù)據(jù)表是一個(gè)高度靈活的jQuery插件,依據(jù)的基礎(chǔ)逐步增強(qiáng),這將增加先進(jìn)的互動(dòng)控制任何HTML表格。這也是插件,數(shù)據(jù)網(wǎng)格,這是最容易實(shí)現(xiàn)的。
uiTableFilter
uiTableFilter是一個(gè)jQuery插件,過(guò)濾表中的行。它可以讓你過(guò)濾你的鼠標(biāo)選擇的基礎(chǔ)上的數(shù)據(jù)行。您可以對(duì)表格進(jìn)行排序的列,在升序和降序,即使按多個(gè)列。
表分頁(yè)
這個(gè)jQuery插件,用于創(chuàng)建一個(gè)分頁(yè)元素在表元素。通過(guò)不同的設(shè)置,您可以自定義分頁(yè)的需求。小的jQuery插件,但足以讓一個(gè)簡(jiǎn)單的使用,如數(shù)據(jù)表分頁(yè)。
主梁
主梁是jQuery的一個(gè)插件,使您的生活更輕松,當(dāng)你需要處理的項(xiàng)目清單編輯或者創(chuàng)建一個(gè)表。它可以幫助你做一個(gè)非常簡(jiǎn)單的方法計(jì)算。尼斯的努力!
jQuery的周歷
這里是最完整的日歷的jQuery插件。jQuery的周日歷??插件提供了一個(gè)簡(jiǎn)單而靈活的方式包括每周的日歷應(yīng)用程序中的。它是建立在jQuery和jQuery UI的靈感來(lái)自于其他網(wǎng)站中的每周日歷,如谷歌日歷。
FireScope電網(wǎng)
FireScope電網(wǎng)是一個(gè)jQuery的組成部分,增加了HTML表格的DataGrid中的行為,而不管正在使用的服務(wù)器端技術(shù)。
BI電網(wǎng)
BI電網(wǎng)的設(shè)計(jì)來(lái)展示您的數(shù)據(jù),特別是企業(yè)的報(bào)告。這將是能夠輕松編輯數(shù)據(jù),深入到細(xì)節(jié)容易和Ajax功能。與BI電網(wǎng),用戶管理用戶的數(shù)據(jù)報(bào)告是一場(chǎng)噩夢(mèng)了。
表拖放jQuery插件(TableDnD)
此TableDnD插件允許用戶在一個(gè)表中的行重新排序。個(gè)別行可以標(biāo)記為“非拖動(dòng)和/或非投擲的(其他行塔卡納€?噸下降到)。行可以有許多必要和細(xì)胞的細(xì)胞可以包含表單元素。該插件還允許您啟用表的實(shí)時(shí)編輯。
zzGrid
zzGrid是一個(gè)的JavaScript網(wǎng)格控制與連續(xù)滾動(dòng)。你的用戶沒(méi)有點(diǎn)擊或提出不同的頁(yè)碼和后退按鈕,另一部分的數(shù)據(jù),數(shù)據(jù)從一個(gè)服務(wù)器后,需要以自然的方式通過(guò)AJAX加載。
jQuery插件與布局設(shè)計(jì)
要有信心!這些jQuery插件設(shè)計(jì)的網(wǎng)格,將幫助你更好的管理您的網(wǎng)格布局。這些插件,幫助您提高設(shè)計(jì)的,但也可以用在開(kāi)發(fā)一個(gè)項(xiàng)目。
jQuery的designerGrid
{CSS} designerGrid“的jQuery插件使Web設(shè)計(jì)人員能夠查看他們的設(shè)計(jì)工作在一個(gè)標(biāo)準(zhǔn)的瀏覽器,標(biāo)尺和網(wǎng)格類似的Photoshop。好主意!目前,{CSS} designerGrid不工作在Internet Explorer瀏覽器本身并不支持HTML 5 canvas元素的,因?yàn)樗俏ㄒ坏摹?/font>
擴(kuò)大電網(wǎng)
擴(kuò)大電網(wǎng)可幫助您創(chuàng)建一個(gè)網(wǎng)格系統(tǒng),從一些類的物品,然后展開(kāi)懸停和懸停時(shí)的合同。在懸停的積極電網(wǎng)擴(kuò)展到比設(shè)定的配置,淡入淡出的背景。它給了我一個(gè)想法在我的下一個(gè)項(xiàng)目的互動(dòng)式圖像畫(huà)廊。
Columnizer
他Columnizer的jQuery插件會(huì)自動(dòng)在報(bào)紙的專欄內(nèi)容格式的布局。您可以指定列寬或靜態(tài)的列數(shù)。
可變網(wǎng)格布局
這是我第二喜歡的后砌體。這個(gè)插件可以做你的網(wǎng)格布局與布局元素,就像任何高度砌體。此外,可變網(wǎng)格布局支持一些效果,如淡入/淡出,使您的網(wǎng)格更具吸引力。
jQuery的面板魔術(shù)
如果你要建立一個(gè)投資組合中只有一個(gè)頁(yè)面,但你認(rèn)為窗口的大小沒(méi)有足夠的空間讓你,這是解決方案。jQuery的面板魔術(shù)是一個(gè)新的網(wǎng)站導(dǎo)航承擔(dān)。使用矩陣或網(wǎng)格式布局為您的網(wǎng)站,您就可以輕松地實(shí)現(xiàn)這個(gè)插件中的小網(wǎng)站和Web應(yīng)用程序。它為您提供了更多的空間為您的設(shè)計(jì),并提供一個(gè)網(wǎng)站地圖,一個(gè)很酷的新方法。
CSS的模板布局
這個(gè)插件提供了網(wǎng)頁(yè)設(shè)計(jì)師的方式來(lái)使用W3的CSS模板布局模塊。該腳本解析一組給定的CSS規(guī)則,并顯示的,如在本說(shuō)明書(shū)中表示的內(nèi)容。
jPhotoGrid
其實(shí)這是一個(gè)圖片庫(kù)jQuery的,而不是只是一個(gè)jQuery插件。這個(gè)插件可以顯示在一個(gè)網(wǎng)格中的縮略圖的列表,并允許他們進(jìn)行放大,縮小。這是一個(gè)冷靜和簡(jiǎn)單的效果。
jQuery的砌體
砌體布局的jQuery插件是真棒產(chǎn)生一個(gè)完美的網(wǎng)格布局。重新安排的float元素的垂直再水平。其結(jié)果是沒(méi)有不同高度的元素之間的垂直間隙。
jQuery的高度相等
簡(jiǎn)單的jQuery腳本循環(huán)通過(guò)最上層的子節(jié)點(diǎn)指定的元素,并設(shè)置min-height的值最高的。
960gs電網(wǎng)覆蓋
這是一個(gè)不錯(cuò)的插件與的960gs電網(wǎng)框架工作。時(shí),您將與您的網(wǎng)站設(shè)計(jì)。它提供了一個(gè)可視化的網(wǎng)格覆蓋為的的網(wǎng)架。網(wǎng)格可以打開(kāi)和關(guān)閉,并且配置(例如不透明度)。工程為12列和16列網(wǎng)格。
CTRL + SHIFT + G
網(wǎng)格布局的JavaScript使Web開(kāi)發(fā)人員快速,簡(jiǎn)單地堅(jiān)持一個(gè)網(wǎng)格布局,包括網(wǎng)格布局的Javascript文件和簡(jiǎn)單的XHTML代碼。目前,網(wǎng)格布局的Javascript jQuery的依賴。
jLayout
的jLayout jQuery插件提供了四種布局算法在網(wǎng)頁(yè)中的HTML元素。
jSquares
jSquares是一個(gè)jQuery插件,在彈出的圖像和說(shuō)明在覆蓋上懸停。它基本上是相同的圖像框格上找到www.ted.com。
更多資源
電網(wǎng)計(jì)算器
更改設(shè)置(通過(guò)拖動(dòng)滑塊,點(diǎn)擊酒吧,或編輯值)來(lái)計(jì)算您的網(wǎng)格的整體寬度。
電網(wǎng)計(jì)算器設(shè)計(jì)書(shū)店
網(wǎng)格計(jì)算器基本版為你計(jì)算網(wǎng)格系統(tǒng)的真快,所有你需要做的是信息粘貼到您的排版軟件。
網(wǎng)格系統(tǒng)
你可以找到很多的信息在這里的布局設(shè)計(jì)網(wǎng)格。
960網(wǎng)格系統(tǒng)
的主要是用于快速原型開(kāi)發(fā),減少重復(fù)和繁瑣的工作,但也更適合用于任何網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目。
Blueprintcss
960網(wǎng)格系統(tǒng)具有相同的功能,Blueprint是一個(gè)CSS框架,目的是減少開(kāi)發(fā)時(shí)間,特別是在電網(wǎng)系統(tǒng)。
YUI 2:網(wǎng)格CSS
4KB的YUI網(wǎng)格CSS文件中提供了超過(guò)1000個(gè)頁(yè)面布局組合。
流體960網(wǎng)格系統(tǒng)
這是非常好看的CSS框架,流體寬度支持。