博客
关于我
Bootstrap Paginator 分页插件
阅读量:329 次
发布时间:2019-03-04

本文共 685 字,大约阅读时间需要 2 分钟。

一、插件简介

Bootstrap Paginator是一款基于Bootstrap和jQuery的分页组件。

github地址为:

中文介绍比较详细的: 

效果图如下:

二、插件使用

1、下载源码

下载最新的源码解压之后,如下:

2、引入必要的css和js文件。

3、用一个div来展示

    4、JS代码

    $('#pageLimit').bootstrapPaginator({        currentPage: 1,        totalPages: 10,        size:"normal",        bootstrapMajorVersion: 3,        alignment:"right",        numberOfPages:5,        itemTexts: function (type, page, current) {                switch (type) {                    case "first": return "首页";                    case "prev": return "上一页";                    case "next": return "下一页";                    case "last": return "末页";                    case "page": return page;        }    }});
    5、效果如下

    你可能感兴趣的文章
    Nginx配置如何一键生成
    查看>>
    Nginx配置实例-动静分离实例:搭建静态资源服务器
    查看>>
    Nginx配置实例-反向代理实例:根据访问的路径跳转到不同端口的服务中
    查看>>
    Nginx配置实例-反向代理实现浏览器请求Nginx跳转到服务器某页面
    查看>>
    Nginx配置实例-负载均衡实例:平均访问多台服务器
    查看>>
    Nginx配置文件nginx.conf中文详解(总结)
    查看>>
    Nginx配置自带的stub状态实现活动监控指标
    查看>>
    nginx配置详解、端口重定向和504
    查看>>
    Nginx配置负载均衡到后台网关集群
    查看>>
    Nginx配置限流,技能拉满!
    查看>>
    Nginx配置静态代理/静态资源映射时root与alias的区别,带前缀映射用alias
    查看>>
    Nginx面试三连问:Nginx如何工作?负载均衡策略有哪些?如何限流?
    查看>>
    Nginx:NginxConfig可视化配置工具安装
    查看>>
    ngModelController
    查看>>
    ngrok | 内网穿透,支持 HTTPS、国内访问、静态域名
    查看>>
    ngrok内网穿透可以实现资源共享吗?快解析更加简洁
    查看>>
    NHibernate学习[1]
    查看>>
    NHibernate异常:No persister for的解决办法
    查看>>
    NIFI1.21.0_java.net.SocketException:_Too many open files 打开的文件太多_实际操作---大数据之Nifi工作笔记0051
    查看>>
    NIFI1.21.0_Mysql到Mysql增量CDC同步中_日期类型_以及null数据同步处理补充---大数据之Nifi工作笔记0057
    查看>>