如何删除默认表行

Question

我想删除默认行在日程表，我试图改变它使用css，但它不是一个边界也不是轮廓。请帮助我:(()在这里输入图像描述

Answer 1

<tr key={element.name + element.price}>
<td style={{ border: 0 }}>
<Flex direction="column">
<Text fw={600}>{element.name}</Text>
<Text>{element.address}</Text>
</Flex>
</td>
<td style={{ border: 0 }}>
<Text fw={600}>₹{element.price}</Text>
</td>
<td style={{ border: 0 }}>
<Badge>{element.status}</Badge>
</td>
</tr>

你可以在td上应用border 0，或者你可以选择tr内的每个td元素，并在td上使用CSS子选择器。

不带边框的表