html - Ant Design Table 扩展改变 CSS 类 | react

标签 html css reactjs datatables antd

我正在使用 ant design在我的元素中。我正在使用 DataTable .

它具有行扩展功能。

问题

当用户展开子行时,需要更改父行的背景颜色或者需要为该行添加 css 类。

Fiddle Here

我已经创建了表格的函数 onExpand

  onExpand = (expanded, record) => {
    alert(expanded);
    console.log('onExpand', expanded, record);   }

TIA

最佳答案

您必须使用 onRow 属性为每个展开的行添加自定义 css 类。首先,您需要区分展开的行和折叠的行。因此,您必须将扩展行的键存储在状态中,以便将 css 类分配给正确的行。为此,您还必须使用 expandedRowKeysonExpand 属性。

您可以在此处查看工作示例:

https://codesandbox.io/s/2xyy8mqwoj

关于html - Ant Design Table 扩展改变 CSS 类 | react ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49115462/

相关文章:

javascript - 为什么我的组件在更改状态后没有重新呈现?

reactjs - React 钩子(Hook) useState 钩子(Hook)

html - 使用 CSS 操作外部 svg 文件样式属性

jquery - 在 if 语句中从数组中询问多个值

css - 子菜单显示不正确

html - 即使指定了索引,XPath $x() 函数也会返回数组

javascript - 在 ssr 应用程序中单击时,react-router-dom <Link/> 会清除 {history,match,location} 属性

javascript - 如何在每个动态创建的复选框后添加换行符?

html - 如何在css中设置纵向和横向媒体查询?

html - Css3 设备宽度和方向改变