BootstrapTable的列排序怎么搞。
先搞一个table,使用ajax将数据查询出来,然后可以在所有列都加上排序。满足自己的需求。(推荐学习:Bootstrap视频教程)
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>
更多Bootstrap相关技术文章,请访问Bootstrap教程栏目进行学习!
作者:(*-*)浩
刚开始学习html的时候,会遇到一个这样的问题,html中空格怎么打?有的人可能就直接敲了一下空格键,但是这样是不正确的,毕竟敲...
本篇文章给大家分享15个项目工程必备的JavaScript代码片段,希望对大家有所帮助!1. 下载一个excel文档同时适用于word,ppt等浏览...
Bootstrap学习有两个重点,一个是概念的理解,理解bootstrap是如何通过div来代替过去的table布局的;一个是常用结构的熟悉,做到...
在Visual Studio 2015中编写JavaScript随着Web技术的发展,JavaScript已经成为了Web开发中不可或缺的一部分。由于Visual Studio ...
使用JavaScript能做:1、数据可视化开发;2、移动应用开发;3、服务端开发;4、全平台应用开发;5、游戏开发;6、VR开发;7、硬...