【问题标题】:create scrollable section in antd 4在 antd 4 中创建可滚动部分
【发布时间】:2020-07-25 09:19:56
【问题描述】:

我需要在 antd4 的顶部创建一个带有内部滚动和搜索输入的列表并做出反应。 我怎样才能像下面的图片一样创建它?

可滚动剖面草图示例:

我在antd components 中找不到这个组件。

其实我并不想在css中使用下面的代码:

maxHeight: 200, overflow: 'auto'

是否有另一种无需编写自定义 css 代码的解决方案? (我更喜欢尽量使用自定义较少的antd组件和特性)

【问题讨论】:

  • 这不是你可以在组件中找到的东西,你应该使用不同的组件。输入,列表。一些 CSS 并自己处理搜索。
  • 我知道。其实我的问题是关于内部滚动。不是整个元素。我问,有没有带内滚动的antd组件?像带有内部滚动的部分。该组件存在于其他库中,如语义 UI。但是我在antd中找不到它。我的问题是!正如我在问题中提到的,我知道创建内部滚动的 CSS 解决方案。但我更喜欢使用原始组件(如果存在)。
  • 这么简单,你确定要分组件处理吗?
  • 确实,我在我的问题中说了简单的解决方案:))。这意味着我知道你心中的解决方案。我一直在寻找另一种解决方案。顺便说一句,谢谢
  • 没什么好说的。

标签: css reactjs antd scrollable


【解决方案1】:

定义 heightoverflow 应该足以用于滚动 antd 列表。

例如:

  overflow: auto;
  height: 300px;

查看this official antd list CodeSandBox 以获得有效的代码示例。

查看antd List docs 中的列表的其他示例。

【讨论】:

  • 我在我的问题中写了这个 css 解决方案。所以我不想要它。我正在寻找使用内部滚动的 antd 组件的示例。你给我的 antd List Link 很有帮助 :) 谢谢。
  • 作为新用户,请查看stackoverflows 'why vote'。
猜你喜欢
  • 2019-06-27
  • 2016-02-03
  • 1970-01-01
  • 2016-04-08
  • 2021-05-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-08
相关资源
最近更新 更多