博主是一个java后端程序员,前端技术会用但不精通,做后台的一些功能经常要涉及表格的展示,分页,搜索,排序等等一系列功能,在经历了一段时间的原始手段,开始接触并使用Datatables,一個jquery表格插件,上手很快,重点是超级好用,有完善的中文文档,今天有空,整理一下Datatable的一些使用方法及注意事项,以便随时查阅.

　　2.js中,使用一下简单的幾行代码,就能初始化datatables风格的表格样式,并使用Datatable提供的丰富功能.

　　以上就可以实现基本风格的datatables样式,datatables默认情况下已启用一些功能,比如搜索,排序,汾页,要想更加自由的控制样式,我们需要更详细的配置.

　　dom定位可以实现你自由的布局 分页,搜索框等等这些组件,以下是一些组件以及字符缩寫.

　　如果我们使用下面的代码来控制样式,表示 i显示在top(顶部),flp显示在bottom(底部).这样就可以自定义组件位置了.

　　datatables使用的语言选项可以通过language来配置,語言配置作为初始化配置的一部分,可以通过一下配置来自定义页面各个地方的显示文本.　　

 限制水平宽度/垂直高度

　　如果需要在一个定寬或者定高的table里展示数据,为了能够展示所有的数据,就要限制宽度,或高度,使用垂直或水平滚动条,在Datatable中使用如下配置:

　　这里主要讲解ajax获取對象数据

　　datatable支持在数据初始化的各个时机进行一些自定义操作,下面说两个比较常鼡的: