BootstrapTable搜索配置和css搜索未得到应用。 BootstrapTable搜索选项？

Question

<BootstrapTable id="importQuestionBankTable" data={this.props.questionBankList} striped hover version='4' search selectRow={selectRowProp} options={options} insertRow>
     <TableHeaderColumn height='100px' width='70%' isKey dataField='query' dataFormat={this.surveyQuestionsFormatter} dataSort>Questions</TableHeaderColumn>
</BootstrapTable>

我需要帮助来解决这个问题。我正在使用具有搜索属性的BootstrapTable。我无法对其进行修改或对其应用任何类型的配置，例如CSS和对齐方式。有什么办法吗？请参考以下链接。在图像中，搜索栏来自BootstrapTable。但是当我尝试提供CSS或使其对齐时，它并不能反映任何更改。

Answer 1

我相信您可以使用 data-search-selector 属性并将其链接到您创建的元素并根据您的喜好设置样式。类似的东西：

<input type="text" class="myOwnStyle" id="customSearch" placeholder="customSearch">

<table
    data-toggle="table"
    data-search="true"
    data-search-selector="#customSearch">
    
</table>