10個(gè)新的Ajax和CSS表
網(wǎng)站制作在設(shè)計(jì)表格數(shù)據(jù)時(shí),并不是很多Web設(shè)計(jì)者都有樂趣。我們仔細(xì)查看了當(dāng)今最好的功能和樣式表,展示了15多個(gè)現(xiàn)代CSS和Ajax表,教您一些有用的技術(shù),用排序或過濾功能在表格模式中顯示信息。
1)桌布——CSS環(huán)球決定展示桌布。它是一種輕量級(jí)的、易于使用的、不顯眼的方法,可以將樣式和行為添加到HTML表元素中。
2)創(chuàng)建一個(gè)表,像Orbitz的航班–CSS的人教我們?nèi)绾蝿?chuàng)建一個(gè)表,將提供例如–點(diǎn)擊單元格的信息之間的關(guān)系的指示應(yīng)突出相關(guān)細(xì)胞最上面一行和最左邊的列。
3)一個(gè)CSS樣式表–Veerle Duoh展示了一個(gè)美麗的使用表格,表格數(shù)據(jù)的可訪問性,實(shí)現(xiàn)思想和如何使他們呼吁使用CSS的眼睛。
4)排序表排序的列在一個(gè)表,表中的過濾元件。
5)CSS和JavaScript行鎖定
- CSS的家伙再次提到這種技術(shù)是“行鎖定”,因?yàn)樾Ч恢贝嬖?,直到用戶重新點(diǎn)擊(或解鎖)行。
6)垂直滾動(dòng)tablesif你有大量的表格數(shù)據(jù),但并沒有太多的空間來顯示它,那么這可能是答案。一種CSS樣式表,有固定的列標(biāo)題和頁腳和滾動(dòng)內(nèi)容。
7)復(fù)制一個(gè)樹形表,其目的是使用html復(fù)制一個(gè)圖形表樹。
8)分頁,排序和Ajax和導(dǎo)軌表中搜索這個(gè)例子提供了一個(gè)動(dòng)態(tài)的界面,不需要重新加載整個(gè)頁面時(shí),表的變化。
9)帶有DOM和CSS的可折疊表格。這個(gè)腳本在頁腳添加箭頭圖像,允許折疊和擴(kuò)展表。
10)tablesorter jquery插件for its Main Features include support for多列排序和合并單元格、行我們Features and many other元素.