Antd - 如何为表格行制作圆角边框？

Question

我正在将 antd 表用于 reactjs 应用程序。

我在这里创建了Sandbox供您进行更改。谁能帮我制作带有圆角边框的行，如下图所示？

预期的 ：

我曾尝试添加 rowClassName={() => "rowClassName1"}与边框相关的 css，但边框不会显示。

Answer 1

试试这个方法，

.rowClassName1 td:first-child {
 border-top-left-radius: 10px;
 border-bottom-left-radius: 10px;
}

.rowClassName1 td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
 }

工作演示：- https://codesandbox.io/s/antd-table-rounded-border-row-forked-9u4x9?file=/src/App.js