Question

我使用语义 - 反应，但我也对语义ui特有的答案持开放态度。

我有一个分页表，但是有问题。可以拥有较少行的最后一页采用不同的高度。我想知道如何确定桌子的高度。

我的代码非常简单：

  <Table singleLine>
    <TableHeader data={ entities } columns={ columns }/>
    <Table.Body>
      { tableBody }
    </Table.Body>
    { paginator }
  </Table>

TableHeader是：

  <Table.Header>
    <Table.Row>
      {
        _.map(columns, column => {
          return <Table.HeaderCell>{ column(data) }</Table.HeaderCell>;
        })
      }
    </Table.Row>
  </Table.Header>

tableBody是：

  for (let index = pageSize * pageIndex; index < Math.min(pageSize * (pageIndex + 1), entities.length); index++) {
    tableBody.push(<TableRow data={ entities[index] } rowConfig={ rowConfig }/>);
  }

和tableRow是：

  <Table.Row>
    {
      _.map(rowConfig, cellConfig => {
        return <Table.Cell>{ cellConfig(data) }</Table.Cell>;
      })
    }
  </Table.Row>

Answer 1

如果我理解你的问题，为什么不在组件上使用带有最小高度的css类，比如

.min-height {
    min-height:397px;
}

如何修复表的高度 - 语义UI

1 个答案: