jQuery给表格添加分页效果

前端之家收集整理的这篇文章主要介绍了jQuery给表格添加分页效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了jQuery表格添加分页的具体代码,供大家参考,具体内容如下

1. 新建一个Table,添加十行数据

编号 姓名 性别

</table>

2. 引入jQuery 及script代码

3. 另外,附上表格和底部分页码的css样式

table{ width:600px; text-align:center; } table tr th,td{ height:30px; line-height:30px; border:1px solid #ccc; } #pageStyle{ display:inline-block; width:32px; height:32px; border:1px solid #CCC; line-height:32px; text-align:center; color:#999; margin-top:20px; text-decoration:none;

}

pageStyle:hover{

background-color:#CCC;
}

pageStyle .active{

background-color:#0CF;
color:#ffffff;
}

4.好了,打开浏览器试试

点击页码可翻页,成功!

更多精彩内容请点击:进行学习。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的jQuery相关文章