最近研究bootstrap,它僅提供視覺效果,對于數據列表之類的并未涉及,網上找了一下,找到一個Table插件。
名為bootstrapTable。
官方地址:http://bootstrap-table.wenzhixin.net.cn/examples/
github:https://github.com/wenzhixin/bootstrap-table
因為英文差,研究了半天,做了一個demo,將就看
HTML:
<table class="table" id="dataShow" > <thead> <tr> <th data-checkbox="true">選擇</th> <th data-field="rkey">供應商名稱</th> <th data-field="rkey">供應商編碼</th> <th data-field="name">物料編碼</th> <th data-field="sex">申請類型</th> <th data-field="birthdayString">試用申請編碼</th> <th data-field="age">試用狀態</th> <th data-field="age">廠別</th> <th data-field="age">審批狀態</th> <th data-field="birthday">申請時間</th> <th data-field="age">試用結果</th> </tr> </thead> </table>
JS:
var currPageIndex = 0; var currLimit = 10; $(function () { $("#dataShow").bootstrapTable({ url: "TradHandler.ashx?request=getTradList", sortName: "rkey",//排序列 striped: true,//
主站蜘蛛池模板:
海兴县|
工布江达县|
蓬溪县|
翁牛特旗|
郎溪县|
三亚市|
姜堰市|
商南县|
六安市|
平武县|
亚东县|
鞍山市|
四会市|
揭东县|
当雄县|
兴义市|
北川|
栾川县|
台南市|
府谷县|
横山县|
永年县|
梧州市|
邳州市|
曲阜市|
梧州市|
万全县|
武穴市|
石河子市|
平潭县|
临沂市|
渝中区|
珠海市|
前郭尔|
海兴县|
连城县|
麦盖提县|
武安市|
汽车|
淮安市|
通城县|