我按照Angular2上的说明向一个项目添加了ngbootstrap。但是现在，当我编译它时，我得到了错误
@ng-bootstrap/ng-bootstrap/pagination/pagination.d.ts (52,14)：错误TS1005：'=‘预期。
@ng-bootstrap/ng-bootstrap/pagination/pagination.d.ts (52,23)：错误TS1005：';‘预期。
@ng-bootstrap/ng-bootstrap/pagination/pagination.d.ts (52,14)：错误TS2304:无
浏览 3提问于2016-10-14得票数 0
我有一个现成的分页组件：https://www.npmjs.com/package/react-js-pagination import React, { Component } from "react";
import ReactDOM from "react-dom";
import Pagination from "react-js-pagination";
require("bootstrap/less/bootstrap.less");
class App extends Component {
construc
浏览 33提问于2019-09-10得票数 4
回答已采纳
1回答
我使用的是react js分页https://www.npmjs.com/package/react-js-pagination。但是我有一个关于CSS导入的问题。我得到了下面的错误。找不到模块:无法解析'bootstrap/less/bootstrap.less‘ import React, { useEffect, useState } from "react";
import Pagination from "react-js-pagination";
import "./App.css";
import GetCount fro
浏览 11提问于2020-04-16得票数 0
2回答
我想改变bootstrap的分页颜色，但是无论如何我都不能，不管我做什么它都是蓝色的。我想将.pagination li a.active更改为红色，将.pagination li a更改为黑色。我做错了什么？
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1
浏览 2提问于2016-09-15得票数 1
3回答
我从：安装了Django模板分页标记，在执行所有指令的同时，我得到了“源代码”错误。
显然我做错了什么。
===========================================
编辑3
SETTINGS.py
TEMPLATE_CONTEXT_PROCESSORS = (
"django.contrib.auth.context_processors.auth",
"django.core.context_processors.request",
)
VIEW.py:
def pagination(request):
location = Loc
浏览 9提问于2014-04-08得票数 0
1回答
目前，我正在我的Laravel应用程序中开发一个Laravel组件，并且我被困在pagination上。我的分页逻辑工作起来很有魅力，但是Bootstrap样式没有应用。这是我的Vue.js组件：
<template>
...
<div style="margin: auto; text-align: center;">
<pagination v-if="pagination.total > pagination.per_page"
:pagination="pagin
浏览 1提问于2019-11-26得票数 0
回答已采纳
如何在rails中使用angular ui bootstrap的自定义模板？
我的意思是，例如，如果我使用pagination，它将查找templates/pagination/pagination.html模板。
问题是rails不会为该路径中的模板提供服务，它实际上需要使用<%= asset_path(....) %>帮助器进行assets/templates/pagination/pagination.html。
破解angular ui bootstrap javascript文件是一种方法，但我不想每次获得新版本时都破解它。
浏览 0提问于2013-06-06得票数 7
回答已采纳
4回答
反应分页造型
、、
我使用的是react js分页npm包，但造型对我不起作用。
import Pagination from "react-js-pagination";
import "bootstrap/less/bootstrap.less";
bootstrap.less已经被移到了scss。所以我试着用bootstrap.scss，但效果不太好。
造型坏了，我该怎么修呢？
浏览 1提问于2020-03-07得票数 4
回答已采纳
在laravel 9中使用AdminLTE(3.2.0)，我想进行自定义分页，然后运行命令：
php artisan vendor:publish --tag=laravel-pagination
在文件app/Providers/AppServiceProvider.php中，我添加了一行：
public function boot()
{
JetstrapFacade::useAdminLte3();
// \Illuminate\Pagination\Paginator::useBootstrap(); // If to uncomment
浏览 4提问于2022-03-12得票数 0
2回答
我有一个带有分页和ext json的表，但我在执行表时遇到错误，有人能帮我吗?下面是json，代码已经在下面给出了，同样的代码需要修改，提前谢谢。我有一个带有分页和ext json的表，但是我在执行表的时候遇到了错误，有人能帮我吗?下面是json，代码已经在下面给出了，同样的代码需要修改，提前谢谢
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>bootstrap-table paginat
浏览 1提问于2018-03-11得票数 1
我需要些帮助。我正在尝试设置bootstrap vue分页的样式，但我无法实现它。我唯一能做到的就是将分页向左移动50%。我不能样式化ul，li和li里面的按钮，比如改变ul，li和按钮的背景，文本颜色等。我甚至在它们上面使用了类名，但都不起作用。
var app = new Vue({
el: '#app',
data: () => ({
currentPage: 1,
rows: 50
}),
})
.pagination {
margin-left: 50%;
ul {
text-align:
浏览 1提问于2020-06-02得票数 0
我正在使用Flask-Bootstrap的宏。当我单击页码时，它会将URL更改为page=2，但当页面重新呈现时，结果和页面仍为页面1。如何在使用render_pagination时更改页面和结果
@app.route('/results')
def results(filename, page=1):
logs = Logs.query.paginate(page)
return render_template('results.html', logs=logs)
{% from "bootstrap/pagination.html&#
浏览 0提问于2017-09-03得票数 0
我正在尝试设置一个composer包，但当我从一个新项目中尝试它时，似乎无法加载它
我的包在这里，包架师在这里
在一个新项目中，我有
{
"name": "ec2-user/pagination",
"authors": [
{
"name": "shorif2000",
"email": "shorif2000@gmail.com"
}
],
"require&#
浏览 25提问于2019-11-02得票数 0
回答已采纳
因此，我在从数组中加载更多项时遇到了一些问题。我已经让它显示了前四个项目，但当我单击分页项目时，它不会显示下一个项目。我使用的是React Bootstrap的分页组件，因为它是我的项目的主要框架。 const [pagination, setPagination] = useState({
data: names,
offset: 0,
numberPerPage: 4,
pageCount: 0,
currentData: [],
activePage: 1
});
useEffect(() => {
setPa
浏览 48提问于2021-01-14得票数 0
回答已采纳
1回答
引导分页
、、
这是我的引导分页代码。也许可以简化一下。
const pagination = {
pre: 0,
curr: 1,
max: 6,
list: null,
cn: '',
swap() {
pagination.list.children[pagination.pre].classList.remove(pagination.cn);
pagination.list.children[pagination.curr].classList.add(pagination.cn);
},
changeBy(n) {
pagin
浏览 0提问于2017-12-22得票数 2
2回答
Javascript：
$('#pagination-demo').twbsPagination({
totalPages: 35,
visiblePages: 7,
onPageClick: function (event, page) {
console.log('Why does this run on load?');
}
});
标记：
<!DOCTYPE html>
<html>
<head>
<script src="http://code.
浏览 4提问于2014-07-10得票数 2
回答已采纳
我正在尝试在一个使用bootstrap 3.0.2的angular应用程序中使用ui-bootstrap-0.6.0.js中的angular-ui分页器指令
我从这里找到的示例开始：
<div class="well well-small">
<pagination class="pagination-small" total-items="bigTotalItems" page="bigCurrentPage" max-size="maxSize" boundary-li
浏览 0提问于2013-12-04得票数 0
我正在使用Rick和Morty，并试图实现React分页。但是，我似乎无法使用React将页面编号呈现到网站页面上。我只得到第一页的上一页和下一页的页码(1)按钮。我已经包含了到目前为止我编写的分页代码和截图。我很感谢事先提供的任何帮助.谢谢!
import { useState, useEffect } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap';
import Filters from
浏览 17提问于2022-08-19得票数 0
我已经为我正在使用react-bootstrap构建的一个小型web应用程序构建了一个自定义分页设置。我已经让所有的集成和分页工作正常。我对react / bootstrap比较陌生，没有做过很多css。我希望尽可能避免使用css，这就是我选择使用react-bootstrap的原因 我遇到的问题是不能让我的分页显示在块的中心： ? 我的react钩子看起来像这样： return (
<div>
<div align="center">
<div className=&#
浏览 73提问于2020-10-11得票数 1
我尝试使用angular-bootstrap分页页脚
我得到了错误
TypeError: undefined is not a function
at Object.fn (http://localhost:3000/lib/angular-bootstrap/ui-bootstrap-tpls.js:2265:5)
at Scope.$get.Scope.$digest (http://localhost:3000/lib/angular/angular.js:12650:29)
at Scope.$get.Scope.$apply (http://localhos
浏览 2提问于2015-01-16得票数 1
2回答
控制HTML溢出/可见性
、、、、
我正在开发一个带有引导三列设计的站点，其中分页控件需要遵守以下约束：
安装在中间栏。
保持单行，而不对多行进行包装。
要有反应。我不需要“完全”/“流体”的col来响应col，只需要在col之上流动的东西，并且我可以实现一种用于col和col的替代方案。
我完全想不出怎么才能让这该死的东西表现出来。
“基地”就像这样：
.pagination-button {
font-size: 2em;
}
<!-- Bootstrap core CSS -->
<link href="https://maxcdn.bootstrapcdn.com/b
浏览 4提问于2016-01-16得票数 1
我尝试使用js文件在我的网页中包含分页，但它在浏览器控制台TypeError: $(...).pagination is not a function中显示，这可能是什么问题/问题？注意:我使用require.js来加载脚本。请回放，提前感谢！这是我的必选模块，名为testPagination.js
define(['jquery','pagination'], function($,pagination) {
/* GET DATASOURCE FROM HIDDEN FIELD */
function Hello() {
浏览 14提问于2014-11-21得票数 2
我正在使用create- react -app和react-bootstrap构建一个基本的react应用程序。我正在使用一个表来显示来自react-bootstrap 的信息。我正在尝试让分页为表工作，但我不确定如何绕过它来与表一起工作。下面是我的组件的代码片段，我从react-bootstrap中添加了分页代码片段，它只在底部显示分页页脚，而不实际对结果进行分页。App.js
import React, { Component } from 'react';
import Table from 'react-bootstrap/lib/Table';
imp
浏览 2提问于2018-02-21得票数 3
1回答
在动态生成列表元素的BootStrap分页中，我遇到了一些问题。我可以生成列表元素，但它们似乎不会响应事件，比如当用户单击它们时。
让我举两个例子来更好地说明我的问题：
( 1)此代码工作。在这里，我使用静态分页，其中我的所有列表项都已经创建了。正如您所看到的，当我单击分页的一个元素时，元素会被激活。
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="ht
浏览 5提问于2016-10-20得票数 0
回答已采纳
2回答
我有一个看起来像这样的组件：
<template>
<div>
<pagination class="center" :pagination="pagination" :callback="loadData" :options="paginationOptions"></pagination>
</div>
</template>
<script>
import Pagination from 'v
浏览 31提问于2017-02-02得票数 3
4回答
从分页中移除圆角
、、、、
下面的CSS移除Bootstrap中的Bootstrap按钮中的圆角
.pagination>li:last-child>a{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
我也想去掉previous按钮中的圆角。所以我做了这个：
.pagination a {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 0;
border-bottom-
浏览 5提问于2015-10-31得票数 1
回答已采纳
我正在尝试使用Bootstrap生成一个Yii GridView
在ul元素上，我有yiiPager类，需要将它设置为pagination类；
这里的代码：
<h1>Manage Request Ms</h1>
<?php
$this->widget('bootstrap.widgets.TbGridView', array(
'id' => 'request-m-grid',
'type' => array('striped', '
浏览 4提问于2013-10-24得票数 0
回答已采纳
我正在使用bootstrap-vue。对于分页，我使用了b-pagination组件，代码如下： <b-pagination
v-model="currentPage"
:total-rows="rows"
:per-page="perpage"
aria-controls="my-table">
</b-pagination> 它工作得很好。但是，我还想在分页之前添加总行计数。下面的图片是我想要实现的。 ? 我检查了bootstrap-vue文档，没有可供定制的插
浏览 54提问于2019-04-14得票数 0
回答已采纳
2回答
在Bootstrap中的分页项下面有一个奇怪的间隙/空间。我怎么才能把它移除？
我的代码：
<header role="navigation">
<!-- justify-content-end is only available on bootstrap 4 -->
<nav aria-label="Page navigation">
<ul class="pagination pagination-lg justify-content-end">
<
浏览 4提问于2017-02-15得票数 1
回答已采纳
4回答
我如何创建一个函数，当单击它时，它将获得该数字的值？如果我点击3，我想得到那个值。 ? import { Pagination } from 'react-bootstrap';
function App() {
const [count, setCount] = useState(0);
function incrementCount() {
setCount(prevCount => prevCount + 1)
}
function decrementCount() {
浏览 44提问于2020-11-11得票数 0
1回答
我使用django 1.8创建一个应用程序，并希望实现分页页。我使用这个附加的：。
我收到一个错误：
AttributeError at /blog/
'NoneType' object has no attribute 'paginator'
在settings.py中，我有：
INSTALLED_APPS = (
'bootstrap_pagination',
)
和
TEMPLATE_CONTEXT_PROCESSORS = (
"django.core.context_processors.req
浏览 4提问于2015-04-14得票数 1
我将ui-bootstrap-tpls-0.12.0.js添加到我的项目和我们的accordion中，现在我想使用分页，但我得到了这个错误
ngModelCtrl.$render is not a function
以下是我的代码
<div ng-controller="paginationCtrl">
<pagination num-pages="noOfPages" current-page="currentPage" on-select-page="pageChanged(page)"></pa
浏览 1提问于2014-12-01得票数 2
回答已采纳
我正在尝试使用NGX Bootstrap分页来带来我的角度项目。当我运行应用程序时，控制台显示此错误。
我知道后端工作正常，因为我用PostMan做了测试。当我将分页添加到HTML中时，问题就发生了。特别是当我尝试绑定像totalItems="pagination.totalItems“这样的值时。只要我添加这些值，页面就会断开并抛出错误。
成员列表组件
import { Component, OnInit } from '@angular/core';
import { UserService } from '../../_services/user.serv
浏览 0提问于2020-05-11得票数 0
我尝试用Smarty Paginate插件实现Twitter Bootstrap分页。
这就是我的问题:当我创建分页块时，看起来是这样的：
<div class="pagination pagination-centered">
<ul>
<li>{paginate_prev text="←" class="active"}</li>
{paginate_middle format="page" prefix="" suffix=&#
浏览 2提问于2012-03-09得票数 2
我显示一些rss饲料使用瓶分页和分页正常工作，但pagination.links的样式是不适当的，它看起来像一个项目列表。关于堆栈溢出有一个类似的问题，答案是包含CSS用于引导程序，我也这样做了，但是样式仍然保持不变。
下面是两个模板
base.html头部零件
<head>
<title>{% block title %}{% endblock %}</title>
<link rel="stylesheet" href="{{ url_for('static', filename='
浏览 3提问于2016-09-15得票数 3
回答已采纳
我正在尝试使用示例进行分页。
我已经到了可以显示新页码的阶段，但不能触发单击事件。在下面的示例中，如何在寻呼机上触发data-ng-click="setPage()"
<!doctype html>
<html ng-app="PagingModule">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"><
浏览 0提问于2013-09-07得票数 3
回答已采纳
1回答
我的html标题：
<link rel='stylesheet' href='/stylesheets/style.css' />
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/boo
浏览 9提问于2018-09-03得票数 0
回答已采纳
如何在下面的代码中添加静态JSON数据而不是动态数据url来填充网格？基本上我有静态数据而不是动态数据。
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/boot
浏览 3提问于2017-08-30得票数 2
回答已采纳
我使用的是来自pagination的ngx-bootstrap/pagination组件。如下所示：
<pagination *ngIf="returnedArray"
[totalItems]="contentArray.length"
(pageChanged)="pageChanged($event)"
[itemsPerPage]="1"
[boundaryLinks]="false"></pagination>
我希望寻呼机在满足某些条件之前不会导航
浏览 0提问于2019-05-30得票数 0
1回答
我遇到了一些有趣的事情，我对此感到有点困惑。
基本上我有一份表格：
<form>
<div class="formWrapper">
<span>Refine your search</span>
<input type="text">
<select>
<option>English</option>
<option>Fr
浏览 2提问于2015-08-11得票数 1
回答已采纳
这是我的HTML分页标记
<pagination class="pagination-sm" [(ngModel)]="page" [totalItems]="length" [itemsPerPage]="itemsPerPage" [maxSize]="maxSize" [boundaryLinks]="true" [rotate]="false" (pageChanged)="changePage($event)" (numPages)="numP
浏览 0提问于2017-11-16得票数 2
回答已采纳
1回答
在我的pagination项目中，我正在使用ngb pagination。我有一个表格，每页显示5条记录，而在该表中，我有一个名为view的列。单击视图后，我被重定向到新页面。问题是，当我回到表中时，单击view后，页面为no。通常从1开始。例如:如果我查看第25条记录并返回，那么ngb pagination从1开始。我还将静态值放在ngb分页的页面属性中。page = 5而不是[(page)] = 'page'，但是它不起作用。我的html代码是：
{{ defaultPagination}} // shows 5 here
<div class="pg_n
浏览 1提问于2021-06-02得票数 0
我使用react-js-pagination在应用程序中显示页码。Bootstrap被添加到public/index.html文件中，并且可以在其他组件中使用className进行访问。
对于分页组件，我需要显式地添加引导样式吗？我看到的所有示例都自动应用了该样式。
代码-
import Pagination from "react-js-pagination";
<Pagination
activePage={this.state.activePage}
itemsCountPerPage={3}
totalItemsCo
浏览 65提问于2018-09-01得票数 0
2回答
我发现下面的是用vue实现的。我想把分页栏水平地放在中间。我尝试过不同的方法(将class=“文本中心”和style=“文本对齐:中心！重要；”添加到导航和v分页标记中)，但它们都没有起作用。我有什么办法解决这个问题吗？
代码库的代码：
<!doctype html>
<html lang="en">
<head>
<title>vue-plain-pagination</title>
<link href='https://stackpath.bootstrapcdn.com/boots
浏览 0提问于2019-09-05得票数 0
回答已采纳
当按下“按下我”按钮时，我如何转到下一页？下面是我的代码：
<!doctype html>
<html ng-app="plunker">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.3
浏览 0提问于2018-04-10得票数 0
23回答
Laravel 4.2可以选择在app/config/view.php中指定自定义视图，如：
/*
|--------------------------------------------------------------------------
| Pagination View
|--------------------------------------------------------------------------
|
| This view will be used to render the pagination link output, and can
| be ea
浏览 9提问于2015-01-30得票数 71
回答已采纳
我试图在我的angular2应用程序实现分页与NG2-陷阱。am跟随
我的app.html
<div>
<div class="col-lg-12 text-right">
<pagination [totalItems]="totalItems" [itemsPerPage]='2' (pageChanged)="pageChanged($event)" [(ngModel)]="currentPage" [maxSize]="maxSize"
浏览 4提问于2016-01-29得票数 3
如果我使用bootstrap进行分页，我创建了这样的手册：
<div class="pagination pagination-centered">
<ul>
<li><a href="#">Prev</a></li>
<li class="active">
<a href="#">1</a></li>
<li><
浏览 0提问于2015-05-30得票数 0
2回答
如何显示动态内容的PHP pagination.The结果是显示使用ajax调用在div id 'msrResult'，如何与bootstrap分页代码。下面是我的代码：
<script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src=
浏览 2提问于2014-08-05得票数 5
，我正在尝试使用react分页，它运行得很好，但是没有引导。当我尝试使用它并导入引导程序时，出现了上述错误。有人能帮我处理这个错误吗？
require("bootstrap/less/bootstrap.less");
<ReactPaginate
previousLabel={'Previous'}
nextLabel={'Next'}
breakLabel={'...'}
breakClassNa
浏览 1提问于2019-10-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
