套用BootstrapTable強化表格

:::

4-1-2 在顯示單一活動頁面顯示所有報名者

4-2-1 在活動列表顯示報名人數 next

[1102] PHP全端開發

4-1-3 套用BootstrapTable強化表格

您沒有觀看影片的權限

請先登入，登入後，確認您的權限後，即可觀看影片。

BootstrapTable 是TadTools提供的套件之一，可以強化表單功能，例如可以做欄位排序或搜尋表格中資料，詳情可參考：https://www.tad0616.net/modules/tad_book3/page.php?tbsn=15&tbdsn=1717
修改 class\Tad_signup_actions.php 在最前面加入
```
use XoopsModules\Tadtools\BootstrapTable;
```

一樣修改 class\Tad_signup_actions.php 中的 show()

//以流水號秀出某筆資料內容
public static function show($id = '')
{
    global $xoopsDB, $xoopsTpl;

    /*--- 略---*/

    $signup = Tad_signup_data::get_all($id, true);
    $xoopsTpl->assign('signup', $signup);

    BootstrapTable::render();
}

最後修改 templates\op_tad_signup_actions_show.tpl，在表格上加入一些屬性即可。

<table data-toggle="table" data-pagination="true" data-search="true" data-mobile-responsive="true">
    <thead>
        <tr>
            <{foreach from=$signup.0.tdc key=col_name item=user name=tdc}>
                <th data-sortable="true"><{$col_name}></th>
            <{/foreach}>
            <th data-sortable="true">報名日期</th>
        </tr>
    </thead>
    <!-- 略 -->
</table>

link to https://github.com/tadlearn/tad_signup/commit/https://github.com/tadlearn/tad_signup/commit/ccaf04832f9b6fcebb575898441bc94fe0ae667c \