Javascript 在react引导表的头组中使用筛选器

我试图在react引导表中使用过滤器，过滤器显示但未对齐

这是我使用的代码：

                <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

才能应用它