Использование фильтров в группе заголовков в таблице начальной реакции

Question

я пытаюсь использовать фильтры в таблице начальной загрузки, фильтры показывают, но они не выровнены вы можете увидеть это здесь

и это код, который я использую:

                <BootstrapTable key={this.props.index}>

                <TableHeaderColumn columnTitle row='0' filter={filterBy} rowSpan='2' dataField='product' headerText='SSS' isKey>id</TableHeaderColumn>
                <TableHeaderColumn row='0' colSpan='2' headerAlign= 'center'>Product</TableHeaderColumn>
                <TableHeaderColumn row='1' filter={filterBy} dataField='prodDesc'>Name</TableHeaderColumn>
                <TableHeaderColumn row='1' filter={filterBy} dataField='standardCost'>Price</TableHeaderColumn>

                </BootstrapTable>

есть ли способ сделать фильтры на одном уровне?

Answer 1

У вас есть вложенные заголовки, поэтому я предлагаю вам выровнять заголовки вертикально внизу строки.

Пожалуйста, попробуйте добавить

.react-bs-table th {
    vertical-align: bottom;
}

и имейте в виду, чтовозможно, вам нужно добавить !important, чтобы применить его.