小编alc*_*l92的帖子

我正在使用 MUI TablePagination 在表中创建分页。该代码运行良好，我得到了我正在寻找的大部分功能：

1. 用户能够通过下拉菜单为每个给定页面选择 5、10 或 20 个用户。
2. 根据所选的每页用户数动态显示页数。

但是，我缺少此功能，并且我不确定该组件使用什么道具来实现此目的：

3. 用户能够从列出的结果页面数中导航到选定的页面。

正如你所看到的它显示 22 个页面中的 1-5 个，但我想让用户能够像这样选择页面

这是我的功能代码：

<TablePagination
          rowsPerPageOptions={[5, 10, 20]}
          component="div"
          count={showUser.length}
          rowsPerPage={rowsPerPage}
          page={page}
          onPageChange={handleChangePage}
          onRowsPerPageChange={handleChangeRowsPerPage}
/>

我想在不删除 1,2 功能的情况下完成此任务。

所以这是我的观点代码:

<ul class="nav nav-pills" id="my-pill">
                <li class="active"><a href="#tab0" data-toggle="tab">Tools
                        Home</a></li>
                <li><a href="#tab1" data-toggle="tab">Fair Trade Judge</a></li>
                <li><a href="#tab2" data-toggle="tab">Awards</a></li>
                <li><a href="#tab3" data-toggle="tab">Draft Buddy</a></li>
                <li><a href="#tab4" data-toggle="tab">Add A League</a></li>
                <li><a href="#tab5" data-toggle="tab">Insult Generator</a></li>
                <li><a href="#tab6" data-toggle="tab">League Poll</a></li>
                <li><a href="#tab7" data-toggle="tab">Smart Rankings</a></li>
                <li><a href="#tab8" data-toggle="tab">Composite Rankings</a></li>
                <li><a href="#tab9" data-toggle="tab">Waiver Wire Pickup
                        Aid</a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active" id="tab0">
                    <div class="row">
                        <div class="col-md-12">
                            <h2>Tool Descriptions</h2>
                            <h3>Fair Trade Judge</h3>
                            <p>This tool will help you decide whether or not a proposed
                                trade is fair</p>
                            <h3>Awards</h3> …

所以我创建了一个用户模型和一个商店模型。我在显示已在数据库中创建的商店名称时遇到问题。这是一个非常愚蠢的问题，有一个非常简单的解决方案，但我就是不知道我做错了什么。这是我的用户控制器，我可以在其中找到我想要显示的商店：

def show
   @user = User.find(params[:id])
   @store = Store.find(1)
end

这是视图：

<% provide(:title, @user.username) %>
 <div class="row">
  <aside class="col-md-4">
   <section class="user_info">
     <h1>
       <%= gravatar_for @user %>
       <%= @user.username %>
     </h1>
   </section>
 </aside>
</div>

<li><% @store.name %></li>

因此，用户的名称显示出来，没有问题，但由于某种原因，商店的名称没有显示。我知道数据库中有一个 id: 1 的商店。任何帮助将不胜感激！