ReactJS 分页答案

【问题标题】：ReactJS paginationReactJS 分页
【发布时间】：2021-07-21 18:48:57
【问题描述】：

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

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

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

提前感谢大家。

【问题讨论】：

我认为您可能误解了分页的概念（或者我已经误解了很长时间；这也是一种可能）。分页是将您的数据拆分为可以按顺序呈现的“块”，而不管您将如何在布局中实际呈现它们； “行”、“列”、“水平”和“垂直”的概念与您的布局有关，而不是数据的分页......还是我误解了什么？

【解决方案1】：

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

例如，您可以这样做：

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

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

【讨论】：