BootstrapTable의 열을 정렬하는 방법.
먼저 테이블을 만들고 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>
Bootstrap과 관련된 더 많은 기술 기사를 보려면 Bootstrap Tutorial 칼럼을 방문하여 알아보세요!
위 내용은 부트스트랩 가능 정렬이 가능합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!