bootstrap-table插件实现ajax服务端分页显示

利用bootstrap-table插件实现ajax服务端分页

1、引入bootstrap-table插件核心js、css以及中文语言文件

网上提供的在线cdn，如果加载时间过长，请下载插件到项目引入

     <!-- Latest compiled and minified CSS -->
      <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">


     <!-- Latest compiled and minified JavaScript -->
      <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>


     <!-- Latest compiled and minified Locales -->
       <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>

2、初始化bootstrap-table插件

1.在html页面table中加入id或class   

2.初始化js

 

$('#table').bootstrapTable({
    url: "{:U('Index/getRows')}",
    //这个接口需要处理bootstrap