上海網站建設?上海網站設計（m.legal-theory.net）

HTML表格的名聲非常不好。在20世紀90年代末和21世紀初，許多上海網站建設人員將使用表格來定位文本和網頁上的圖片。使用表格來做排版是不好的，但是誤以為表格在HTML中都是不好的就不對了。HTML表格不應該使用在網頁排版中，但它在顯示表格數(shù)據時是很好的，在顯示運動成績、營養(yǎng)成分、金融交易......是必不可少的。

HTML表格中包含的列和行的信息，就像Microsoft Excel那樣。然而，HTML表格并不是默認具有互動性的，用戶通常不能對數(shù)據進行排序、過濾數(shù)據、編輯單元格等。HTML表格的前景總是不被看好。這里有許多 ?jQuery的插件，幫助你實現(xiàn)這些功能。很多不是做技術的人，很難找到與最新的標準和最好用的插件，我搜集了一些我認為做好的插件，供大家參考。

Stackable.js

Stackable.js提供HTML表格響應于移動設備的簡單方法。通常情況HTML表格在小屏幕上不好看，放大后用戶只能通過縮放和平移觀察數(shù)據，放小后，數(shù)據太小不容易被觀察到。解決這個問題典型的辦法是重新排列表格的單元格，使其適用于手機和平板電腦的垂直滾動行為。而這正是Stackable.js、does.You等插件簡單地調用堆疊功能，你想使表格得到響應，它會復制數(shù)據轉換成2列的格式。通過添加媒體查詢，您可以顯示和隱藏數(shù)據的相應版本。

Tablesaw

Tablesaw是Filament Group開發(fā)的一組交互式表格插件。 目前提供兩種類型的Tablesaw：完整版和只包含堆疊。完整版包含了堆疊（類似于stackable.js），以及滑動手勢、可排序的列、觀看在小屏幕上的列數(shù)等不同的工具。只包含堆疊版本只包含進行響應的設備堆疊行為，并沒有其他功能。如果你想更快的加載時間，并不需要像排序行為，這是一個很好的解決方案。

DataTables

DataTable是一個比Tablesaw更強大的解決方案。該HTML表格插件能夠創(chuàng)建具有可排序的列響應表，它也包括分頁、搜索和AJAX的數(shù)據源，它有更大的數(shù)據集的功能。也許，DataTable最具吸引力的部分是更換更流行的主題很容易。如果你只需要實現(xiàn)一些簡單的功能，那么以前的一些插件可能會更好。但是，如果您的Web應用程序依賴于可視化的數(shù)據，表格需要最大的靈活性，DataTable可能是你最佳的解決方案。

Handsontable

表格典型的功能就是直觀的顯示數(shù)據，Handsontable可實現(xiàn)可編輯的HTML表格。如果你以前使用過Microsoft Excel這樣的表格應用程序，那么Handsontable的很多特點你是熟悉的，例如排序和編輯單元格。單元格也可有數(shù)據類型，如數(shù)字、日期、復選框等。單元格甚至可以包括驗證，除此之后還有很多更多的功能。