实现bootstrap table服务端实现分页demo，具体内容如下
首页index.html
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> <link rel="stylesheet" href="/assets/css/bootstrap.min.css" rel="external nofollow" /> <link rel="stylesheet" href="/assets/css/bootstrap-table.min.css" rel="external nofollow" > <script src="/assets/js/jquery-2.1.1.min.js"></script> <script src="/assets/js/bootstrap.min.js"></script> <script src="/assets/js/bootstrap-table.min.js"></script> <script src="/assets/js/bootstrap-table-zh-CN.min.js"></script> <script src="/assets/js/index.js"></script></head><body> <!--查询窗体--> <div class="widget-content"> <form method="post" class="form-horizontal" id="eventqueryform"> <input type="text" class="span2" name="seqNo" placeholder="编号"> <input type="text" class="span3" name="name" placeholder="姓名"> <input type="button" class="btn btn-default span1" id="eventquery" value="查询"> </form> </div> <div class="widget-content"> <!--工具条--> <div id="toolbar"> <button class="btn btn-success btn-xs" data-toggle="modal" data-target="#add">添加事件</button> </div> <table id="eventTable"></table> </div></body></html>
index.js
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
最新文章
热门文章
猜你喜欢
