下载：完整实例展示项目可从GitHub下载。
实例JS源码
实例HTML源码

切换 CSS 主题:
默认FULL分页主题 + 复选框 + index，count内置属性使用
count index {index+1} id name info operation
{datatableCount } {datatableIndex } {datatableIndex+1 } No.{id} {name} {info} show edit delete
指定分页主题SIMPLE + Loading="show"提示 + 带复选框 + 排序属性
count id name info sort、order operation
{datatableCount } No.{id} {name} {info} sort={sort}
order={order} 		show edit delete
判断语句DataTable表达式 + Loading="none" + row="10"
count index id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {datatableIndex+(pageNo-1)*rowPerPage} No.{id} {name} {info} %{ if(id%2==0){ var op='show  '; op+='edit'; DataTable.out(op); }else{ DataTable.out('show  edit  delete'); } }%
带start和end数据加载事件处理函数的分页 + 自定义排序指示符
countPerTotal id name info sort、order operation
{datatableCount+(pageNo-1)*rowPerPage} No.{id} {name} {info} sort={sort}
order={order} 		show edit delete
取消分页标签
count id name info 操作
{datatableCount} No.{id} {name} {info} 查看 修改 删除
自定义分页实例1
pageNo id name info 操作
{pageNo} No.{id} {name} {info} 查看 修改 删除
当前第{pageNo}页/共{maxPage}页  每页{rowPerPage}条/共{totalCount}条 {order} {sort}    首页   上一页   下一页   末页
自定义分页实例2
pageNo id name info 操作
{pageNo} No.{id} {name} {info} 查看 修改 删除
当前第{pageNo}页/共{maxPage}页 每页{rowPerPage}条/共{totalCount}条 {order} {sort}
带搜索条件分页 + loading="hide"
username： userinfo：
count condition id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {user.name},{user.info} No.{id} {name} {info} %{ if(id%2==0){ DataTable.out('show  edit'); }else{ DataTable.out('show  edit  delete'); } }%
EasyDataTable 2.X 特性
支持：静态数据源加载，静态数据筛选查询，静态数据排序（2.X）
动态数据源加载 + NowPage范围静态数据筛选查询排序 + 默认like_i查询匹配模式
username： userinfo：

NowPage当前页面数据范围静态筛选（同时支持动态数据源和静态数据源页面筛选）

count index id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {datatableIndex+(pageNo-1)*rowPerPage} No.{id} {name} {info} %{ if(id%2==0){ DataTable.out('show  edit'); }else{ DataTable.out('show  edit  delete'); } }%
JSON静态数据源加载 + NowPage范围静态数据筛选查询排序 + 无分页 （2.X）
username（ sql_i 模式）： userinfo（ like_i 模式）：

NowPage当前页面数据范围静态筛选（同时支持动态数据源和静态数据源页面筛选）

count index id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {datatableIndex+(pageNo-1)*rowPerPage} No.{id} {name} {info} %{ if(id%2==0){ DataTable.out('show  edit'); }else{ DataTable.out('show  edit  delete'); } }%
JSON文件数据源加载 + All范围静态数据筛选查询排序 （2.X）
username（ sql_i 模式）： userinfo（ like_i 模式）：

All当前页面数据范围静态筛选（仅支持静态数据源页面筛选）

count index id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {datatableIndex+(pageNo-1)*rowPerPage} No.{id} {name} {info} %{ if(id%2==0){ DataTable.out('show  edit'); }else{ DataTable.out('show  edit  delete'); } }%
数组对象数据集合(服务器动态数据源) + NowPage范围数据筛选 + 列宽拖动调整插件
username（ sql_i 模式）： userinfo（ like_i 模式）：

NowPage当前页面数据范围静态筛选（同时支持动态数据源和静态数据源页面筛选）

count index id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {datatableIndex+(pageNo-1)*rowPerPage} No.{[0]} {[1]} {[2]} %{ if([0]%2==0){ DataTable.out('show  edit'); }else{ DataTable.out('show  edit  delete'); } }%
数组对象数据集合（静态数据源） + All范围数据筛选
username（ sql_i 模式）： userinfo（ like_i 模式）：

All当前页面数据范围静态筛选（仅支持静态数据源页面筛选）

count index id name info operation
{datatableCount+(pageNo-1)*rowPerPage} {datatableIndex+(pageNo-1)*rowPerPage} No.{[0]} {[1]} {[2]} %{ if([0]%2==0){ DataTable.out('show  edit'); }else{ DataTable.out('show  edit  delete'); } }%