博客
关于我
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、效果如下

    你可能感兴趣的文章
    Nacos命名空间配置_每个人用各自自己的命名空间---SpringCloud Alibaba_若依微服务框架改造---工作笔记001
    查看>>
    Nacos和Zookeeper对比
    查看>>
    Nacos在双击startup.cmd启动时提示:Unable to start embedded Tomcat
    查看>>
    Nacos基础版 从入门到精通
    查看>>
    Nacos如何实现Raft算法与Raft协议原理详解
    查看>>
    Nacos安装教程(非常详细)从零基础入门到精通,看完这一篇就够了
    查看>>
    Nacos实战攻略:从入门到精通,全面掌握服务治理与配置管理!(上)
    查看>>
    Nacos实战攻略:从入门到精通,全面掌握服务治理与配置管理!(下)
    查看>>
    Nacos心跳机制实现快速上下线
    查看>>
    nacos报错com.alibaba.nacos.shaded.io.grpc.StatusRuntimeException: UNAVAILABLE: io exception
    查看>>
    nacos服务提供和发现及客户端负载均衡配置
    查看>>
    Nacos服务注册与发现demo
    查看>>
    Nacos服务注册与发现的2种实现方法!
    查看>>
    nacos服务注册和发现原理简单实现案例
    查看>>
    Nacos服务注册总流程(源码分析)
    查看>>
    nacos服务注册流程
    查看>>
    Nacos服务部署安装
    查看>>
    nacos本地可以,上服务器报错
    查看>>
    Nacos注册Dubbo(2.7.x)以及namespace配置
    查看>>
    Nacos注册中心有几种调用方式?
    查看>>