Reactjs 材料ui分页中的自定义下一步和上一步按钮
我想在材质ui分页中使用“下一个”和“上一个”文本,而不是“下一个”和“上一个”图标。我没有找到同样的道具。你们能给我一些解决办法吗。也有类似的问题。做了一个说明,以便我能回答:) 一种可能的解决方案是添加an:after和:before伪选择器。下面是一个使用SCS的代码片段 确保将伪选择器添加到按钮中,以防您希望它可以单击Reactjs 材料ui分页中的自定义下一步和上一步按钮,reactjs,pagination,material-ui,Reactjs,Pagination,Material Ui,我想在材质ui分页中使用“下一个”和“上一个”文本,而不是“下一个”和“上一个”图标。我没有找到同样的道具。你们能给我一些解决办法吗。也有类似的问题。做了一个说明,以便我能回答:) 一种可能的解决方案是添加an:after和:before伪选择器。下面是一个使用SCS的代码片段 确保将伪选择器添加到按钮中,以防您希望它可以单击 .MuiPagination-root { .MuiPagination-ul { flex-wrap: nowrap; li {
.MuiPagination-root {
.MuiPagination-ul {
flex-wrap: nowrap;
li {
&:first-child {
flex-basis: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
> button::after {
margin-left: 10px;
content: 'previous';
}
}
&:last-child {
flex-basis: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
> button::before {
margin-right: 10px;
content: 'next';
}
}
}
}
}
在他们的文档中,这里有一个自定义分页部分:。您可以将图标按钮更改为带有文本的普通按钮。这是一个表格分页,我说的只是分页组件。这与React的材质ui库有关吗?还是一个特殊的图书馆?如果它不是material ui(material ui.com),请删除标记并链接到用于分页的库。它是material ui组件,这就是我包含标记的原因。