使用各種數據表選項創建美觀的表
已發表: 2016-04-12表格是任何網站的非常常見的內容組件。 但有時它們很難構建。 Supsystic 的數據表生成器是一種無需任何編程技能即可創建令人難忘的數據表的簡單方法,只需將短代碼放入 WordPress 帖子或頁面中即可。 數據表插件具有一系列令人印象深刻的功能,我們相信你們每個人都會發現它們對您的需求很有用。 現在讓我們談談其中最有價值的。
如果您的表格包含大量數據,那麼您肯定會想要使用分頁、排序甚至搜索來方便您的網站用戶。 這將使他們有機會翻轉表格的頁面,按降序或升序對數據進行排序。 當他們沒有太多時間瀏覽您的所有表格時,他們只需在搜索字段中輸入必要的信息并快速找到它。 不是很棒嗎? 這些功能可以節省很多時間。 我們知道,在現代世界中,時間就是金錢。
您還可以允許用戶保存您的表格,甚至打印它。 只需找到前端導出功能並選擇格式(CSV、Excel、PDF、打印)。 您的網站用戶將在表格附近看到相應的按鈕,並且能夠以這些格式下載或打印它。 此外,您可以在 PDF 或印刷品中附加您公司的徽標,這非常有用,因為它代表了您的業務,並且會不由自主地被客戶記住。 嘗試下載 PDF 或打印下表並檢查徽標。
另一個值得一提的選項是導入SCV、XLS、XLSX 和 Google 電子表格等文件。 現在你不需要浪費時間在數據表插件中創建一個表,如果你的計算機上已經有一個準備好的表。 您只需將其導入 WordPress 插件,然後將短代碼粘貼到網站上即可。 同樣,您可以使用適當的格式(CSV、Excel、PDF)將表格從數據表插件導出到您的計算機。
此外,如果您假設您的網站將從不同的小工具中查看,那麼您將對響應模式功能感興趣。 數據表生成器可以為您提供以下響應模式:標準、自動列隱藏、水平滾動,或者如果您不需要,您可以完全禁用響應性。 如果表格內容不適合,標準響應模式會將列置於彼此下方,每行一個單元格。 自動列隱藏從右到左折疊列。 當表格溢出父容器寬度時,水平滾動會添加滾動條。 如果您禁用響應性,則表格將具有默認佈局。 您可以調整網頁大小以查看下表中不同的響應模式:
名 | 姓 | 城市 | 街道 | 郵政編碼 | 電子郵件 | 出生日期 |
---|---|---|---|---|---|---|
埃爾登 | 羅布 | 斯賓卡蘭 | 傑登堡 | 86743 | [email protected] | 1991 年 1 月 17 日 |
霍伊特 | 油菜 | 斯圖爾特維尤 | 斯圖伯群島 | 04689 | [email protected] | 1989 年 8 月 14 日 |
安妮 | 科利爾 | 威爾頓維尤 | 霍尼克福特斯 | 76947-8004 | [email protected] | 1990 年 10 月 30 日 |
名 | 姓 | 城市 | 街道 | 郵政編碼 | 電子郵件 | 出生日期 |
長葉萵苣 | 德內西克 | 東法蘭西郡 | 奧德爾視圖 | 92164-3876 | [email protected] | 26.08.1984 |
達倫 | 約翰遜 | 羅漢茅斯 | 卡洛塔莊園 | 51692 | [email protected] | 1995 年 3 月 26 日 |
布拉德利 | 豪厄爾 | 北特倫斯 | 多麗絲湖 | 06511-9359 | [email protected] | 26.02.1993 |
除上述功能外,數據表插件還允許向所選單元格插入圖片、鏈接或評論。 在下表中,您可以在“什麼”列中看到評論,只需將鼠標懸停在其內容上即可。
照片 | 什麼 | WHO | 什麼時候 | 在哪裡 | 為什麼 |
![]() | 攀岩 | 通常一個人,但有時和朋友一起。 | 週一、週三和周五下午 4:00 至 5:00 | 太平洋邊緣攀岩館 | 攀岩有助於提高心血管耐力、肌肉力量和耐力、柔韌性以及改善或維持骨骼強度 |
![]() | 遛我的狗 | 只有我和我的狗 | 週六週日,只要我有空 | 在西崖 | 步行可提高心血管耐力和骨骼強度 |
![]() | 鍛煉身體 | 我自己 | 週一、週三和周五下午 5:00 至 5:30 | 在太平洋邊緣攀岩館 | 鍛煉有助於增強肌肉力量和耐力 |
您也可以設置行的格式。 在處理貨幣、日期或百分比時,它可能非常有用。 此外,您可以在表格中設置可編輯字段。 當您使用公式時,此功能會有所幫助。 例如,您的業務與翻新有關,您在表格中顯示服務價格。 如果您設置可編輯字段,未來的客戶可以輸入他的房子的面積大小,並為他計算價格。 我們認為這很有幫助,你呢? 在下面的 WordPress 表格(“平方英尺”列)中嘗試此選項。

物品 | 每平方英尺成本 | 平方英尺 | 全部的 |
打磨和整理木地板 | 2.5 | 0 | |
安裝瓷磚地板 | 16 | 0 | |
安裝乙烯基瓷磚地板 | 4 | 0 | |
安裝牆到牆地毯 | 8 | 0 | |
小計: | 小計: | 0 |
為了可視化您的表格,您可以添加Google Charts 。 Supsystic 的數據表生成器允許快速輕鬆地創建不同類型的圖表。 您可以在帶有 Google 圖表的數據表中了解更多信息
好消息! 您可以使用 CSS 編輯器為您的表格創建令人難忘的樣式。 使用此功能,您可以以不同的方式編輯表格。 即使你對 CSS 和其他編程技能知之甚少,你仍然可以做到,因為它沒有那麼複雜。 在 CSS 編輯器的幫助下檢查下表的陰影和圓角。
姓名 | 位置 | 辦公室 | 薪水 |
---|---|---|---|
佐藤愛理 | 會計 | 東京 | 162,700 美元 |
當歸拉莫斯 | 首席執行官 (CEO) | 倫敦 | 1,200,000 美元 |
阿什頓考克斯 | 初級技術作者 | 紐約 | 86,000 美元 |
布拉德利·格里爾 | 軟件工程師 | 倫敦 | 132,000 美元 |
如您所見,Supsystic 的數據表是創建各種表的完美幫手。 它允許您快速輕鬆地處理和管理 SEO 友好的數據表。 WordPress 的數據表插件能夠構建信息,並且可以根據需要進行調整。 表格的功能和視覺定制有很多方法,可以改善網站設計並讓其修改以適應任何不同的個人或任務。
了解有關 Sypsystic 的 WordPress 數據表生成器的更多信息。