React Semantic UI：Table.Header Cell 没有全宽

Question

我正在尝试在 Semantic React UI 中添加全宽，但它没有全宽。

代码：

<Table.Row>
  <Table.HeaderCell style={{Width: '600px'}}>
    <Search/>
  </Table.HeaderCell>
</Table.Row>

Answer 1

看起来您没有修改该列的第一个标题单元格（实际上是公司名称，而不是搜索）。

以下是如何正确修改表格中列宽的示例https://codesandbox.io/s/5v800vplmk?module=/example.js

如果您的意图是不让搜索栏成为表格列结构的一部分，那么您可能不想将其放在行/单元格中。

Answer 2

使用道具名称 'colSpan' 来定义 who 列的数量

<Table.HeaderCell  colSpan={8}>
    <Search/>
</Table.HeaderCell>