bootstraptable排序可以么-Bootstrap教程-PHP中文网

bootstraptable排序可以么

(*-*)浩

发布： 2019-07-11 11:08:46

原创

3353人浏览过

bootstraptable的列排序怎么搞。

bootstraptable排序可以么

先搞一个table，使用ajax将数据查询出来，然后可以在所有列都加上排序。满足自己的需求。（推荐学习：Bootstrap视频教程）

data-sortable="true"，此属性加到列上面，可以显示出上下排序的箭头。

跳蚤市场

1、二手货品在线注册, 在线生效； 2、二手货品登陆后自动EMAIL回复功能； 3、登记货品用户修改时忘记密码，自动回复到登陆者信箱； 4、支持版主修改删除货品； 5、支持版主设置货品点击次数, 以提高排行榜名次； 6、使用JAVA SCRPIT 支持自动分页，不会因分页过多而导致显示混乱； 7、提供点击计数功能, 同一IP点击多次无效； 8、提供广告管理程序，程序可以循环放映广告，可设置添加删除

查看详情

<div style="float: left; width: 100%;">
<div class="clearfix"></div>
<table id="dataTable" style="font-size: 12px;" data-toolbar="#timeSearch"
    data-toggle="table" 
    data-locale="zh-CN" 
    data-ajax="ajaxRequest"
    data-side-pagination="server" 
    data-striped="true"
    data-click-to-select="true" 
    data-sort-name="id"
    data-sort-order="desc" 
    data-row-style="rowStyle"
    data-pagination="true" data-pagination-first-text="首页"
    data-pagination-pre-text="上一页" data-pagination-next-text="下一页"
    data-pagination-last-text="末页" data-show-jumpto="true">
    <thead style="text-align: center;"> 
        <tr>
            <th data-radio="true"></th>
            <th data-field="id" 
                data-width="40" data-formatter="indexFormatter" data-halign="center" data-align="center">序号</th>
            <th data-field="code" data-sortable="true" data-formatter="codeFormatter" data-halign="center" data-width="280"
                data-align="center">编码</th>
            <th data-field="field1" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段1</th>
            <th data-field="field2" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段2</th>
            <th data-field="field3" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段3</th>
            <th data-field="field4" data-halign="center" data-sortable="true" data-width="280"
                data-align="center">字段4</th>
        </tr>
    </thead>
</table>
</div>

登录后复制

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstraptable排序可以么的详细内容，更多请关注php中文网其它相关文章！