datatable使用实践

笔者最近使用spring MVC + Thyemleaf + bootstrap SB Admin2 进行管理后台的开发。 其中涉及到datatable的部分，查阅很多资料，走了很多弯路， 现记录如下：

实现的页面如下：

捕获.JPG

使用的各个版本如下：
bootstrap ： 3.3.7
datatable： 1.10.15

原打算使用Thyemleaf模板直接对表格数据进行渲染， 但是一直没找到如何渲染datatable的分页参数，以及在处理相关事件时如何进行交互。因此使用ajax请求表格数据，交由datatable进行渲染。

html5代码如下：

                   

                    
                    

                        

                            

                                

                                    
                                    
中文名称
                                    
英文名称
                                    
缩写
                                    
属组
                                    
来源
                                    
备注
                                    
操作
                                
                            
                            

                            
                        
                    
                    
                

js代码如下：

后续将分章节对datatable进行解析。