css 如何删除mantine默认表行

zi8p0yeb  于 2023-05-30  发布在  其他
关注(0)|答案(1)|浏览(98)

我想删除mantine表中的默认行,我尝试使用css更改它,但它不是边框也不是轮廓。请帮帮我:((enter image description here

yizd12fk

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

相关问题