18

<Table />如果接收到空数据数组,我想渲染一些其他内容。
目前它只是显示'No data',但我想在那里放一些自定义组件。

空数据属性的当前默认行为

如何做到这一点?


WebAssembly 可以成为强制执行 drm 的一种方式吗?

使用编译语言的想法可能是显着提高性能的好方法。

但它可以用来设置drm吗?

例如:一些网站提供浏览器游戏,不希望源代码被他人使用。是否会使用与游戏机制相关的 webassembly-script 来检测它是否在另一个站点上使用并锁定它而无法反编译和绕过它?

我不想在这方面听起来像个海盗,但它可能与 adblock-users 相关,它也阻止了 trackers

例如,当音频上下文指纹-脚本在没有被检测到的情况下运行时,如何阻止它?

4

5 回答 5

26

有一个表的属性,locale。这是一个object,习惯于define以下事情:

filterConfirm, filterReset, emptyText.

用于emptyText指定text要显示的,如果dataempty。像这样:

let locale = {
  emptyText: 'Abc',
};

<Table locale={locale}  dataSource={dataSource} columns={columns} />

查看文档:https ://ant.design/components/table/

于 2017-02-12T11:53:43.097 回答
16

还有另一种方法可以做到这一点,而无需触及locale属性:

<Table />用 a包装<ConfigProvider />并设置renderEmpty属性:

<ConfigProvider renderEmpty={() => <Empty description="Custom message"/>}>
  <Table />
</ConfigProvider>

renderEmpty函数可以返回您想要的任何组件。

更多详细信息:https ://ant.design/components/config-provider/#API 来自文档的示例:https ://ant.design/components/empty/#components-empty-demo-config-provider

于 2020-07-30T06:24:54.803 回答
13

您可以使用localeantd table 的道具,即Object. 不仅可以传递stringemptyText您,还可以传递HTML标签。

let locale = {
  emptyText: (
    <span>
      <p>
        <Icon type="like" />
        Custom Message
      </p>
      <Button>Custom Button</Button>
    </span>
  )
};

<Table locale={locale}  dataSource={dataSource} columns={columns} />
于 2019-06-15T14:11:41.130 回答
2

可以使用语言环境。可以直接给出空文本。

<Table locale={{emptyText:"No data"}  dataSource={dataSource} columns={columns} />
于 2021-02-27T13:16:36.190 回答
1

在 ant design 网站上有很好的解释。这是链接https://ant.design/components/empty/

于 2021-11-15T11:41:22.843 回答