需求

说在前面：首先用静态的方式集成dataTables，能跑之后，再对照下面的实现来实现动态功能。

目标是实现一个动态的dataTables实例，通过Ajax方式获取数据，带有分页功能，并新增一列。

实现

HTML部分

//css引入 dataTables包
    
    
                 
                              
                                   
编号
                                   
姓名
                                   
性别
                                   
操作
                              
                             
                
//js引入 dataTables包

js代码自定义部分

后台Controller

//查询    @RequestMapping(value = "/query", method = RequestMethod.GET)    @ResponseBody    public RtPageInfo query(            @RequestParam(required = false, name = "pageSize") Integer pageSize,            @RequestParam(required = false, name = "startIndex") Integer startIndex,            @RequestParam(required = false, name = "pageIndex") Integer pageIndex){        //这里做查询操作        //返回         RtPageInfo pageInfo = new RtPageInfo();        pageInfo.setData(data);//这里是数据内容 List         pageInfo.setPageNum(startIndex/pageSize);//Integer         pageInfo.setPageSize(pageSize);//pageSize        pageInfo.setTotalCount(count));//BigInteger         return pageInfo ;    }