【问题标题】:How to wrap each antd table row with a `Link`?如何用“链接”包装每个 antd 表行?
【发布时间】:2019-04-09 21:06:45
【问题描述】:

我在React 中使用Antd Table 组件。我需要用Link 组件包装每个row,这样我就可以右键单击一行并选择在新选项卡上打开或复制链接。

我在下面的文档中找不到任何内容。 https://ant.design/components/table/#components-table-demo-dynamic-settings

【问题讨论】:

  • 或许在这种情况下使用 onClick 处理函数会更好。 Antd 表在编写时并未考虑到未记录的用例,并且最终可能会给您带来问题——即使您确实让它工作了。

标签: reactjs antd


【解决方案1】:

这可以通过onClick 而不是链接来完成吗?

这里是 MDN 的关于允许父表行的文档:

<table>(仅当表没有子 <tbody> 元素时,即使在任何 <caption><colgroup><thead> 元素之后);否则,父级必须是<thead><tbody><tfoot>

最终这个组件归结为 HTML。回显JuanIsFree,你可以让它工作,但不建议打破HTML标签嵌套规则。

MDN table row docs

【讨论】:

    猜你喜欢
    • 2012-04-03
    • 2022-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-21
    • 2018-06-27
    相关资源
    最近更新 更多