Как я могу сделать таблицу отзывчивой в Semantic-UI-React?

Сейчас у меня длинный и широкий стол. Он занимает все 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>

person Jon    schedule 08.03.2019    source источник


Ответы (1)


Вы пытались добавить style={{ overflow: auto }} к <Table.body />

person Shawn Yap    schedule 08.03.2019