javascript - 在React Bootstrap表的 header 组中使用过滤器

我正在尝试在react bootstrap表中使用过滤器，过滤器显示但它们没有对齐you can see it here

这是我正在使用的代码：

                <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>

有什么办法可以使过滤器处于同一级别？

最佳答案

您具有嵌套的标题，这就是为什么我建议您在行的底部垂直对齐标题的原因。

请尝试添加

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

并且要记住，也许您必须添加!important才能应用它。

关于javascript - 在React Bootstrap表的 header 组中使用过滤器，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54461657/