在antd表中,您可以结合使用分页和页脚小技巧吗?

时间:2019-11-23 01:01:39

标签: reactjs antd

我正在尝试在一张蚂蚁桌子中节省垂直空间。我正在尝试在分页器旁边的表格底部呈现“导出CSV”链接。您可以在分页器中获得每个项目的itemrender,但不能充分渲染。即:

    itemrender(page, type, originalElement) {
        if (type === "prev") {
            return <><a onClick={() => ExportCSV()}>Export CSV</a>{originalElement}</>
        }
        return <>{originalElement}</>;
    }

以局促的换行方式产生结果,因为'prev'的a标签和a标签都呈现在同一<li>块内。

我尝试在Table页脚中呈现Paginator,但该Paginator没有连接到Table。

是否可以将分页器移至页脚并仍以某种方式将其连接到表格?

1 个答案:

答案 0 :(得分:0)

如您提到的那样,如果您不想在页脚中使用Pagination,则需要自己实现与表的“连接”。

请注意,在使用Table组件时,所有Pagination API都可用,因此可以将其自定义为较小的大小:

<Table pagination={{ size: "small" }}/>