【问题标题】:Is it possible to add infinite scrolling to React Tool Box Table body?是否可以向 React Tool Box Table body 添加无限滚动?
【发布时间】:2017-08-11 09:15:20
【问题描述】:

我在我的应用程序中使用react-toolbox 表格组件(用于材料样式实现的反应工具箱)。我需要为表格主体添加无限滚动分页。我找到了一些为我执行此操作的库,其中一些是react-infinitereact-infinite-scroller,但问题是,要使用任何库,我需要将表行作为子项放在其库组件中,但 ract-toolbox 表不允许我在文档中使用任何 div 或内部特殊组件:

表示表格中一行的元素。它应该作为一个 Table 的直接后代,它应该有 TableCells 子级。它 从 Table 接收额外的属性来决定复选框是否应该 作为第一列放置。

实际上他们的图书馆有一个封闭的issue,但这并没有解决我的问题。请帮我这样做,或者建议我一个合适的库(或)是否有任何其他方法可以在不使用任何库的情况下无限分页? 任何帮助,将不胜感激。

【问题讨论】:

    标签: javascript reactjs pagination react-toolbox


    【解决方案1】:

    尝试将表格包装在 div 中,并为该 div 提供固定高度,同时使overflow-y: scroll 表格将呈现在可滚动且高度固定的 div 内。

    然后将整个标记呈现为 react-infinite-scroller 的子级

    【讨论】:

    • 是的,经过多次尝试,我已经按照您仅使用 react-infinite-scroller 解释的类似方式完成了此操作。感谢您花时间回答问题:)
    • 没有问题..很高兴是我的
    猜你喜欢
    • 2017-12-28
    • 1970-01-01
    • 2021-10-06
    • 1970-01-01
    • 2022-11-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多