jquery datatablee我用的比较多结合你提供的信息
ajax重新获得当前页码的数据
首先,我们来定义我们的数据本文就不去通过後端代码实现数据传递,就直接通过一个数据文件作为数据源如下:
接下来,我们对我们的页面代码进行编写至于表格样式如何编写,请参考官方提供的css表格代码如下:
最后,我们重点来看JS如何编写因为我们的数据源是用Object数组,因此我们需要去定义我们的jquery datatablee每一列对應的数据列名为了增加一列以实现改变列样式,删除和修改操作链接我们需要对具体的列进行定义这里用到jquery datatablee的columnDefs,代码如下:
jquery datatablee 总体来说很好用可以实现即时搜索和排序。但是只能用于数据量较少的情况下如果数据量超过1K建议还是用表格加翻页,不然会很慢
使用jquery datatablees很简单,只需要引入两个文件 一个css样式文件和jquery datatablees本身的脚本文件。在jquery datatablees CDN上可以使用下面这两个文件:
提到 CDN,这里稍微提一句百度的CDN
在引入这两个文件之后,怎样简單地使用jquery datatablees使用下方简单的几行代码,就可以初始化table
好了,现在你已经实现jquery datatablee 了!