:::

5. XoopsModules\Tadtools\BootstrapTable 進階表格

use XoopsModules\Tadtools\BootstrapTable;

使用方式:

BootstrapTable::render();

HTML部份範例:

<table data-toggle="table" data-pagination="true" data-search="true"  data-url="資料來源.json" data-mobile-responsive="true">
    <tr>
        <th data-sortable="true"  data-field="欄位名稱"></th>
    </tr>
    <tr>
        <td></td>
    </tr>
</table>

資料來源.json 格式:

{
    "total": 200,
    "rows": [
        {
            "id": 0,
            "name": "Item 0",
            "price": "$0"
        },
        {
            "id": 1,
            "name": "Item 1",
            "price": "$1"
        },
        {
            "id": 2,
            "name": "Item 2",
            "price": "$2"
        }
    ]
}

完整參數請參考:https://bootstrap-table-docs3.wenzhixin.net.cn/documentation/


:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D15%26tbdsn%3D1717

書籍目錄

展開 | 闔起

線上使用者

32人線上 (7人在瀏覽線上書籍)

會員: 0

訪客: 32

更多…