顶部的Admin-on-rest - Place分页

Question

我已经为列表视图定义了一个自定义分页组件，但是如何将这个分页放在列表的顶部呢？最好，它应该出现在列表内容的上方和筛选器的下方。

Answer 1

它应该和在ReactDOM.render()的HTML输出中将分页组件放在列表上方一样简单。例如，这是使用react和bootstrap实现分页(不同于react-bootstrap)，这放在它分页的表的上面。

{pages.length > 0 && <nav className="d-lg-flex justify-content-lg-end dataTables_paginate paging_simple_numbers">
            <ul className="pagination">
                <li className={"page-item " + (page === 0?"disabled":"")} onClick={(s)=>{
                    s.preventDefault();
                    setPage(Math.max(page-1,0));
                }}><a className="page-link" href="#" aria-label="Previous"><span
                    aria-hidden="true">«</span></a></li>
                {pages.map((el)=><li key={"page" + el.page} onClick={(e)=>{
                    setPage(el.page);
                }} className={"page-item "+(page===el.page?"active":"")}>
                <a className="page-link" href="#">
                    {el.name}
                </a></li>)}
                <li className={"page-item " + (page === pages.length-1?"disabled":"")} onClick={(e)=>{
                    setPage(Math.min(page+1,pages.length-1));
                }}><a className="page-link" href="#" aria-label="Next">
                <span
                    aria-hidden="true">»</span></a></li>
            </ul>
            </nav>}

(之前在react脚本中定义了pages.length)