0
제목에 react-bootstrap-table
의 검색 창을 기본값 대신 오른쪽에 배치하고 싶습니다.반응 부트 스트랩 표 사용 - 검색 표시 줄을 왼쪽에 놓습니다.
예는 페이지 하단에 보면, 여기에서 찾을 수 있습니다 :
https://allenfang.github.io/react-bootstrap-table/example.html#others
난 당신이 당신의 자신의 검색 창 및 입력을 만들 수 있습니다 문서에서 본 그러나 그것은 큰 문제를 해결하는 경우처럼 보인다 나는 검색 필드를 왼쪽으로 위치 시키려하지 않는다.
http://allenfang.github.io/react-bootstrap-table/custom.html#searchpanel
현재 코드 :
options: Options = {
defaultSortName: 'Id',
defaultSortOrder: 'desc',
noDataText: 'Empty',
onRowClick: this.onRowClick.bind(this)
};
render() {
return (
<div>
<BootstrapTable containerStyle={{ marginTop: '10px' }} data={this.state.tableCases} options={this.options} striped={true} hover={true} search multiColumnSearch>
<TableHeaderColumn dataField='Id' isKey={true} dataSort={true}>Case ID</TableHeaderColumn>
<TableHeaderColumn dataField='CompanyName' dataSort={true}>Company Name</TableHeaderColumn>
<TableHeaderColumn dataField='Title' dataSort={true}>Title</TableHeaderColumn>
<TableHeaderColumn dataField='Family' dataSort={true}>Family</TableHeaderColumn>
<TableHeaderColumn dataField='ApplicationDate' dataSort={true}>Application Date</TableHeaderColumn>
</BootstrapTable>
</div>
);
}