如何在Semantic-UI-React中使表响应？

Question

现在我有一张又长又宽的桌子。它占用了网格中的所有16个点，看起来很好，但当我将一些数据覆盖到Table.cell时。它可以打破桌子的宽度。如下所示：

​

​

有谁能帮我解决这个问题吗？

 <Table>
  <Table.Body>
    <Table.Row>
      <Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>
      Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
      </Responsive>
      <Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd</Responsive>
      <Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>
        <Responsive
          as={Table.Cell}
          minWidth={Responsive.onlyMobile.minWidth}
        >
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
          Bazfasdfssafsdsdddddddddddddddddddddddddddddddddddddd
        </Responsive>
      </Responsive>
    </Table.Row>
  </Table.Body>
</Table>

Answer 1

您是否尝试过在<Table.body />中添加style={{ overflow: auto }}