內容簡介
xsDataTables – DataTables for WordPress 是 WordPress 發佈平台的一個外掛程式。它讓您可以在網站上創建和管理表格，而不需要任何編碼知識。舒適的介面使您可以輕鬆編輯表格數據。您的表格可以包含任何類型的數據！此外，它還提供了排序、分頁、搜索等功能。
從以下內容中創建表格…
– CSV、XLS、XLSX、JSON 文件或資料庫
– WooCommerce 商品表格
– WooCommerce 訂單表格
– WordPress 文章表格
– WordPress 頁面表格
更多信息或演示請訪問外掛程式網站xsdatatables.com。
以下是外掛程式功能列表
響應式模式或在視口中顯示表格，可滾動。
頁面長度：在使用分頁時顯示的單個頁面上要顯示的行數。
顯示/隱藏頁腳
FixedHeader/FixedFooter：將表格的標題和/或頁腳固定在滾動窗口的頂部或底部可能會很有用。
排序列：您可以設置表格以按照您想要的順序顯示數據。
搜索生成器：通過創建群組和條件，可以搜索 DataTable。這提供了比目前更高級的搜索控件。
搜索窗格：將窗格添加到 DataTable 中，並能夠通過在窗格中選擇行來搜索 DataTable。當涉及添加更可訪問性的搜索功能和自定義搜索功能時，這非常有用。
SearchPanes 可以在多個窗格中搜索已選擇的多個值的 DataTable。它們還提供了定義自定義搜索函數的能力，這是通過簡單的 searchBox 無法實現的。
列可見性：在 DataTable 中使用列可見性。
列搜索（文本輸入）：具有將搜索應用於特定列的能力。
列篩選器（選擇輸入）：具有將搜索應用於特定列的能力，但在這種情況下，是使用輸入控件。
使用屬性可以選擇要顯示的信息
* 在列表中搜索任何列
* 按列表中的任何一列排序
* 拖放列以重新排序
* 添加/刪除列和行
* 調整大小/重新排序列
* 自定義連結
* 添加媒體
* 自定義 HTML
* 單元格中的簡碼
使用方法
要在文章或頁面中顯示其中一個表格，請將 [xsdatatable id=ID] 短代碼嵌入到 “短代碼” 區塊中，然後將其放在編輯器中想要的位置。
每個表格都有一個唯一的 ID，需要在該短碼中進行調整。
有用的鏈接
文檔 – 如何使用 xsDataTables？
臉書頁面
外掛標籤
開發者團隊
② 後台搜尋「xsDataTables – DataTables for WordPress」→ 直接安裝（推薦）
原文外掛簡介
xsDataTables – DataTables for WordPress is a plugin for the WordPress publishing platform. It enables you to create and manage tables on your website, without any coding knowledge. A comfortable interface allows you to easily edit table data. Your tables can contain any type of data! In addition, features like live sorting, pagination, searching, and more.
Create table from…
– CSV, XLS, XLSX, JSON File or Database
– Product Table for WooCommerce
– Order Table for WooCommerce
– Post Table for WordPress
– Page Table for WordPress
Please visit the plugin website at xsdatatables.com for more information or a demo.
Here is the list of the function
Responsive mode or show the table in a viewport, which can be scrolled.
Page Length: Number of rows to display on a single page when using pagination.
Show/hide Footer
FixedHeader/FixedFooter: it can be useful to have the table’s header and / or footer fixed to the top or bottom of the scrolling window.
Sorting Column: you can set the table to display the data in exactly the order that you want.
Search Builder: with the capability to search the DataTable by creating groups and conditions. This offers more advanced search controls than is currently.
Search Panes: adds panes to the DataTable with the capability to search the DataTable by selecting rows in the panes. This is very useful when it comes to adding a more accessible searching feature and custom search capabilities.
SearchPanes can search DataTables for multiple values that have been selected across multiple panes. They also provide the ability to define custom search functions which cannot be achieved through a simple searchBox.
Column Visibility: with column visibility in DataTables.
Column Searching (text inputs): has the ability to apply searching to a specific column.
Column Filter (select inputs): has the ability to apply searching to a specific column, but in this case using input controls.
You can select which information to display using attributes
* Search any column in the list
* Sort by any column in the list
* Drag and drop columns to reorder them
* Add/Remove columns and rows
* Resize/Reorder columns
* Custom links
* Add media
* Custom HTML
* Shortcode in cells
USAGE
To show one of your tables in a post or on a page, embed the Shortcode [xsdatatable id=ID] into a “Shortcode” block at the desired place in the block editor.
Each table has a unique ID that needs to be adjusted in that Shortcode.
Useful links
Documentation – How to use xsDataTables?
Facebook Page
