31 lines
804 B
TypeScript
31 lines
804 B
TypeScript
import React from 'react';
|
|
import BootstrapTable from 'react-bootstrap-table-next';
|
|
import paginationFactory from 'react-bootstrap-table2-paginator';
|
|
import 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';
|
|
import 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';
|
|
|
|
export default class TableView extends React.Component<{
|
|
columns: any,
|
|
data: any
|
|
}> {
|
|
render () {
|
|
return (<div>
|
|
<br />
|
|
<BootstrapTable
|
|
bootstrap4
|
|
keyField='date'
|
|
columns={ this.props.columns }
|
|
data={ this.props.data }
|
|
striped
|
|
hover
|
|
condensed
|
|
pagination={ paginationFactory({
|
|
pageStartIndex: 0,
|
|
showTotal: true,
|
|
sizePerPageList: [5]
|
|
}) }
|
|
/>
|
|
</div>)
|
|
}
|
|
}
|