我想删除mantine表中的默认行,我尝试使用css更改它,但它不是边框也不是轮廓。请帮帮我:((enter image description here
yizd12fk1#
<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元素,并给予border 0做td with css child selector。mantine table without border bottom
1条答案
按热度按时间yizd12fk1#
你可以在td上应用border 0,或者你可以选择tr内的每个td元素,并给予border 0做td with css child selector。
mantine table without border bottom