这是jquery分（fèn）页（yè）插件dataTables下载，jquery 中的一（yī）款分页插件，可以简单的实现分页效果-The a paging jquery add-on， simple implementation paging effect。efo红软基地

软（ruǎn）件介绍

jquery分页插件dataTables是  一个简单的例子 让你快（kuài）速（sù）上手（shǒu） 很多（duō）分页插件都（dōu）是基于此插（chā）件做（zuò）的（de） 可以说算（suàn）是原生的 某些（xiē）情境下 pagination 不（bú）可多得 仅（jǐn）此而（ér）已。efo红（hóng）软基地

软件（jiàn）说明

园友是（shì）做前端（duān）的，产（chǎn）品经理要求他使用jQuery DataTables插件显（xiǎn）示一个列（liè）表，要实现分类效果。efo红软基地
后端（duān）的分页接（jiē）口已经写好了，不涉（shè）及（jí）条件查询（xún），需要传入页（yè）码(pageNo)和页面显示（shì）数据条数(pageSize)，显示相应页（yè）的显（xiǎn）示记录（lù），且不能修改后端接口。efo红软基地（dì）

相关介绍

先来分析下（xià）分页（yè）实现。efo红软基地
一是后（hòu）端分页：这种情况下（xià），在后端很容易实现，在（zài）官网上有（yǒu）示例，不（bú）多说（shuō）明。efo红软基地
二是前（qián）端分页（yè）：前（qián）端分页也是（shì）支持的，不过需要一次把（bǎ）所有数（shù）据都（dōu）获取到才（cái）可以。efo红软基地
看（kàn）到这里（lǐ），问题来（lái）了。由于后（hòu）端在目（mù）前的情（qíng）况（kuàng）下是更改不了，只（zhī）能在前（qián）端实现。但（dàn）是（shì），现在又不满足前端分（fèn）页的条件：一次性获取所有数据（现在后端（duān）数据接口只能返回相应页（yè）码的数据）。efo红（hóng）软基地
介于目前的情（qíng）况，获取的（de）数据只有一页，没（méi）有所（suǒ）有的页码（mǎ）。efo红软基地

软件截图

efo红软（ruǎn）基地