css - 如何从反设计表的高度设置自动调整大小？

Question

我有父组件（卡）。表格在卡片的主体中，但我想知道如何自动调整高度大小，使表格的主体占据卡片的整个主体。

     <div className="item" key={1}>
            <Card 
                title={...}
                extra={...} 
                style={{ width: '100%', height: '100%' }}
                size="small" 
            >
                <Table 
                    // style={{ height: 'auto' }} ?
                    // scroll={{ y: '100%' }} ?
                    // scroll={{ y: 'calc(100vh - 5em)' }} ?
                    columns={columns} 
                    dataSource={data} 
                    onChange={this.handleChange} 
                    size="small"
                    pagination={{ pageSize: 20, position: ['none', 'none'] }}
                />
            </Card>
      </div>

注意：卡片可以取任意大小，用户可以调整卡片大小。该卡片是使用 react-grid-layout 的组件的一部分。