中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何使用bootstraptable排序

發布時間:2020-11-13 11:43:54 來源:億速云 閱讀:1296 作者:小新 欄目:web開發

這篇文章主要介紹了如何使用bootstraptable排序,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

BootstrapTable的列排序怎么搞。

先搞一個table,使用ajax將數據查詢出來,然后可以在所有列都加上排序。滿足自己的需求。

data-sortable="true",此屬性加到列上面,可以顯示出上下排序的箭頭。

<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>

感謝你能夠認真閱讀完這篇文章,希望小編分享如何使用bootstraptable排序內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

乳山市| 邯郸市| 宁德市| 鹤山市| 镇安县| 延边| 镇坪县| 盐池县| 和林格尔县| 峨山| 彰化县| 古蔺县| 桂阳县| 顺平县| 溆浦县| 湖北省| 涞水县| 马龙县| 嘉鱼县| 建昌县| 沈丘县| 时尚| 麦盖提县| 铜陵市| 潞城市| 泗洪县| 邻水| 凤庆县| 容城县| 家居| 卢湾区| 肇源县| 洞头县| 镇赉县| 华蓥市| 绵阳市| 巴彦淖尔市| 千阳县| 彭山县| 滁州市| 方正县|