时间戳

首页 > 解决方案 > ReactJS 分页

javascript - ReactJS 分页

问题描述

我正在尝试在 ReactJS 中进行分页。我们现在只有水平分页使用npm install react-js-pagination

我想在行级别（水平）和列（垂直）级别上实现分页。 分页

正如您看到的图像，x 轴分页控件将水平导航用户，Y 轴垂直导航有没有办法在 ReactJS 中实现这一点或任何 NPM 包可用？

提前感谢大家。

标签： javascriptreactjspagination

解决方案

您可以向Pagination组件添加一些类名，然后设置样式以css垂直显示它们。

例如，您可以执行以下操作：

  1. 添加itemClass="page-item" linkClass="page-link"到Pagination组件
  2. 在您的 css 文件之一中添加以下样式块：

.pagination { display: inline-block; }和 .page-item { transform: rotate(90deg); }

这样，您应该拥有与您在图像中显示的内容非常相似的内容。从那里您可以根据您的项目构建其余部分。

推荐阅读