Как стилизовать блок фильтра столбца React Bootstrap Table

Question

У меня есть таблица реакции-начальной загрузки с фильтрами столбцов. Мне нужно, чтобы поля фильтра появлялись внизу заголовка столбца

Я попытался добавить стиль: {display:block} к каждому столбцу фильтрации, но он не работает

function App() {
    const columns = [{
          dataField: 'id',
          text: 'Product ID',
        }, {
          dataField: 'name',
          text: 'Product Name',
          filter: textFilter({style:{display:'block'}})
        }, {
          dataField: 'price',
          text: 'Product Price',
          filter: textFilter({style:{display:'block'}})
        }];
    const [apps, setApps] = React.useState([]);

  return (
    <Router basename="/resources/apps">
      <div className="App">

      <BootstrapTable keyField='id' data={ apps } columns={ columns } filter={ filterFactory() } />

      </div>
    </Router>
  );
}

Я ожидал, что под заголовками столбцов будут отображаться поля фильтра столбцов. Но рядом с каждым столбцом появляются поля с заголовками