Bind dashboard front-end to component

This commit is contained in:
2020-02-22 22:38:28 +01:00
parent 6ca0a99e78
commit ada58864e0
14 changed files with 136 additions and 38 deletions
+12 -2
View File
@@ -1,17 +1,27 @@
import React from 'react';
import BootstrapTable from 'react-bootstrap-table-next';
import paginationFactory from 'react-bootstrap-table2-paginator';
import 'react-bootstrap-table2-paginator/dist/react-bootstrap-table2-paginator.min.css';
export default class Table extends React.Component<{
columns: any,
data: any
}> {
render () {
return (<div >
return (<div className="fullSize">
<br />
<BootstrapTable
bootstrap4
keyField='id'
columns={ this.props.columns }
data={ this.props.data } />
data={ this.props.data }
pagination={ paginationFactory({
paginationSize: 4,
pageStartIndex: 0,
showTotal: true,
sizePerPageList: [5]
}) }
/>
</div>)
}
}