语义Ui手风琴为表格，带有手风琴内容显示的问题

Question

问题在于，内容表行一旦折叠，就会移入我标题的第一列。

我尝试加入CSS，但是我发现这样做可能会事与愿违，所以我停了下来。

代码：

<Accordion as={Table} selectable className="ui" color="red" fluid>
 <Accordion.Title
       as={Table.Header}
       active={activeIndex === 0}
       index={0}
       onClick={this.handleClick}>

<Table.Row>
      <Table.HeaderCell>Titlestuff</Table.HeaderCell>
      <Table.HeaderCell></Table.HeaderCell>
      <Table.HeaderCell></Table.HeaderCell>
      <Table.HeaderCell></Table.HeaderCell>
      <Table.HeaderCell></Table.HeaderCell>
      <Table.HeaderCell textAlign="right"><Icon circular inverted color='red' name='angle double down' /></Table.HeaderCell>
</Table.Row>

<Table.Row>
      <Table.HeaderCell>column title</Table.HeaderCell>
      <Table.HeaderCell>column title</Table.HeaderCell>
      <Table.HeaderCell>column title</Table.HeaderCell>
      <Table.HeaderCell>column title</Table.HeaderCell>
      <Table.HeaderCell>column title</Table.HeaderCell>
      <Table.HeaderCell>columt title</Table.HeaderCell>
</Table.Row>

</Accordion.Title>
<Accordion.Content  as={Table.Body} active={activeIndex === 0}>
<Table.Row>
<Table.Cell>foo</Table.Cell>
<Table.Cell>foo</Table.Cell>
<Table.Cell>foo</Table.Cell>
<Table.Cell>foo</Table.Cell>
<Table.Cell>foo</Table.Cell>
<Table.Cell>foo</Table.Cell>
</Table.Row>

</Accordion.Content>
</Accordion>

我希望表格的内容是可折叠的，这意味着表格标题始终可见，而内容却是隐藏的。在这方面，我总是有三个表存在相同的问题。