博客
关于我
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负载均衡和F5的区别---系统运维工作笔记001
    查看>>
    nginx负载均衡和反相代理的配置
    查看>>
    nginx负载均衡器处理session共享的几种方法(转)
    查看>>
    nginx负载均衡的5种策略
    查看>>
    nginx负载均衡的5种策略(转载)
    查看>>
    nginx负载均衡的五种算法
    查看>>
    Nginx负载均衡详解
    查看>>
    Nginx负载均衡(upstream)
    查看>>
    Vue中删除el-table当前行的方法
    查看>>
    nginx转发端口时与导致websocket不生效
    查看>>
    Nginx运维与实战(一)-Nginx不同场景使用方法
    查看>>
    Nginx运维与实战(二)-Https配置
    查看>>
    Nginx部署_mysql代理_redis代理_phoenix代理_xxljob代理_websocket代理_Nacos代理_内网穿透代理_多系统转发---记录021_大数据工作笔记0181
    查看>>
    nginx部署本地项目如何让异地公网访问?服务器端口映射配置!
    查看>>
    Nginx配置HTTPS服务
    查看>>
    Nginx配置https的一个误区(导致404错误)
    查看>>