Как выровнять SearchBar по левой или правой стороне в React Bootstrap table2

Question

Я борюсь с позицией панели поиска. По умолчанию моя строка поиска выровнена по левой стороне, но я хочу выровнять ее по правой стороне. Я пытался searchPosition="right", но он не работает. Вот мой код:

<ToolkitProvider
    keyField="subSourceId"
    data={this.state.selSubFundingSource}
    columns={columns}
    search={{ searchFormatted: true }}
    hover
    filter={filterFactory()}
>
    {
        props => (
            <div>
                <hr />
                <SearchBar
                searchPosition="right"
                {...props.searchProps} />
                <ClearSearchButton {...props.searchProps} />
                <BootstrapTable noDataIndication="Data not found" tabIndexCell
                    pagination={paginationFactory(options)}
                    rowEvents={{
                        onClick: (e, row, rowIndex) => {
                            this.editSource(row);
                        }
                    }}
                    {...props.baseProps}
                />
            </div>
        )
    }
</ToolkitProvider>

Answer 1

Привет, вы можете попробовать использовать этот метод, используйте стиль = {{float: "right"}} на

 <ToolkitProvider
        keyField="asset_id"
        data={arrangeData(data.asset)}
        columns={assetColumns}
        search
      >
        {(props) => (
          <div>
            <SearchBar
              {...props.searchProps}
              style={{ width: "250px", float: "right" }}
            />
            <br />
            <br />

            <BootstrapTable
              bordered={false}
              pagination={paginationFactory(options)}
              selectRow={selectAssetRow}
              {...props.baseProps}
            />
          </div>
        )}
      </ToolkitProvider>