
內容簡介
這個外掛可以在觀看你的網頁的裝置為小型螢幕時,將表格轉換為列表。
此外,這個列表是從使用表格區塊編輯器放置在頁面中的表格建立而成,因此您並不需要在表格中另外編輯相同內容的列表。啟用這個外掛只需要簡單的操作。
這個外掛在瀏覽器上動態創建列表,所以列表不存在於 WordPress 資料庫中。啟用此外掛後,即使在您卸載這個外掛之後,您仍然可以編輯表格。
表格結構與列表結構
表格具有頭部,每個儲存格朝著水平方向排列在行中。表格主體的每個儲存格與相關聯的頭部儲存格朝著水平方向排列在行中。
即使使用小型的裝置觀看,資訊也會朝著水平方向排列。但其他資訊通常是朝著垂直方向排列。
您從上到下訪問一個頁面,自然的垂直方式來滾動顯示。當您在滾動時遇到具有長行的表格時,您必須停止垂直滾動並水平滾動顯示。在表格行的末尾,您必須回到行的開始處,然後再次向下滾動。
這起源於具有水平分類儲存格排列的表格。
將表格結構保留並以垂直方式顯示數據是不適合我的需求。
以列表方式排列資料對我來說是很好的選擇。列表數據結構具有垂直排列資料的特性。
後台的 OC Smart Table
OC Smart Table 會在打開頁面時在瀏覽器端動態從表格建立列表。但如果顯示寬度足夠以顯示表格,則列表將不會顯示。
如果顯示寬度不足以顯示表格,則將列表與表格交換。
使用方法
啟用 OC Smart Table(免費版)
您可以在“設定”側邊欄中的“進階”部分的“附加 CSS 類別”中放置 “oc-smart-table”。您只需要在啟用編輯表格時執行此操作。例如,您可以使用表格區塊編輯器放置表格,或點擊先前放置的表格區塊。
啟用 OC Smart Table
如果您購買了 OC Smart Table 標準版,您可以從表格區塊編輯器中的其他工具列項目中單擊“啟用智能表格”,然後啟用編輯表格。
您可以在此處購買標準版。
繼承顏色和樣式
您可以使外掛程式建立的列表使用表格的顏色和樣式。要啟用繼承,您需要在“設定”側邊欄中的智能表格設定中啟用“繼承顏色和樣式”選項。
外掛標籤
開發者團隊
② 後台搜尋「Plugin Name: OC Smart Table (free)」→ 直接安裝(推薦)
原文外掛簡介
This plugin swaps list for table, if a viewer opens a your page with small width display.
The list for small width display is made from the table which you put in a page with table block editor. You do not need to write list having same contents in table. You can enable this plugin with a simple operation.
The plugin creates list on browser dynamically. So the list is not exists in your WordPress database. You will edit the table being enabled this plugin, even after you uninstall this plugin.
Table structure and List structure
Table has header which each cells are in row towards horizontally. The table body’s each cells related with header cells are in row towards horizontally.
The informations is in row towards horizontally even if you see them with small width device. But other information tends to be in row towards vertically.
You visit a page, see contents from top to down. It’s natural way to scroll the display vertically. You encounter a table having long rows while scrolling, you have to stop scrolling vertically and, scroll display horizontally. At end of table row, you have to back to the start of row with scrolling and then scroll down again.
It originated in table having horizontal categorized cells arrangement.
It is not proper for me to keep table structure and show the data vertically.
It is nice for me to arrange data with list. The list data structure has the kind to arrange data vertically.
OC Smart Table in background
OC Smart Table creates list from table on browser side dynamically at opening the page. But list is not visible if the display width is enough to show table.
If the display width is not enough to show table, swap list for table.
Usage
Enable OC Smart Table (free)
You put “oc-smart-table” in Additional CSS class(es) at Advanced section on Settings sidebar. You need this operation only when you make editting table active. For example, You put a table with table block editor or click a table block which you put before.
Enable OC Smart Table
If you have OC Smart Table standard edition, You click “Enable Smart Table” from other toolbar item in table block editor, then You make the editing table be enabled Smart Table.
You can buy standard edition from here.
Inherit colors and styles
You can make the list which the plugin create having table’s colors and styles. To enable the inheritance, You need to enable option “inherit colors and styles” in Smart table setting in Setting sidebar.
