Chakra UI Table 是否有可能使 chakra UI 组件具有溢出 x 以具有响应能力？

如何解决Chakra UI Table 是否有可能使 chakra UI 组件具有溢出 x 以具有响应能力？

我有一个 Chakra UI 表，当整个表不再适合屏幕时，我想要溢出 x，似乎无法弄清楚如何从左到右滚动。

<Table my={{ base: '1rem' }}>
          <Thead>
            <Tr>
              <Th>Question</Th>
              <Th>Answer</Th>
              <Th>Action</Th>
            </Tr>
          </Thead>
          <Tbody>
            {faqs.map(faq => (
              <Tr key={faq._id}>
                <Td>{faq.question}</Td>
                <Td>{faq.answer}</Td>
                <Td width="15%">
                  <ButtonGroup spacing="3">
                    <Button
                      colorScheme="blue"
                      onClick={() => modalOnopenHandler(faq._id)}
                    >
                      <EditIcon />
                    </Button>
                    <Button
                      colorScheme="red"
                      onClick={() => idDialogHandler(faq._id)}
                    >
                      <DeleteIcon />
                    </Button>
                  </ButtonGroup>
                </Td>
              </Tr>

问题是我有一个侧边栏菜单和内容组件的 flex 父级，这就是为什么滚动无法检测到它需要滚动的原因。