ReactJS分页

Question

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

我想实现行级(水平)和列级(垂直)的分页。

​

正如您所看到的图像，x轴分页控件将在水平方向上导航用户，Y轴在垂直方向上导航。在ReactJS或任何NPM包中有什么方法可以实现这一点吗？

提前感谢大家。

Answer 1

您只需将一些类名添加到Pagination组件中，然后使用css设置样式，以便垂直显示它们。

例如，您可以这样做：

1. Add itemClass="page-item" linkClass="page-link" to Pagination
2. 其中一个css文件添加以下样式块：

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

这样，你应该有一些与你在你的图像中显示的非常相似的东西。在此基础上，您可以根据您的项目构建其余部分。