loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-06-05 22:09:38 +02:00
Code Issues Releases Activity

feat: ✨ Permetti di scegliere gli intervalli di righe da visualizzare in una pagina della tabella

Browse Source
This commit is contained in:
Maicol Battistini
2021-11-23 21:27:06 +01:00
parent 4e270c9994
commit 76332007c9
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/Components/DataTable/DataTable.jsx
View File

@@ -44,13 +44,16 @@ export default class DataTable extends Component {
</div> </div>
<mwc-select className="mdc-data-table__pagination-rows-per-page-select"> <mwc-select className="mdc-data-table__pagination-rows-per-page-select">
{/* TODO: Rendere dinamico (permetti a chi chiama il componente di {this.attrs.get('rows-per-page', '10,25,50,75,100').split(',').map(
scegliere i valori da visualizzare */} (value) => {
<mwc-list-item value="10">10</mwc-list-item> const rowsPerPage = Number.parseInt(value, 10);
<mwc-list-item value="25">25</mwc-list-item> return (
<mwc-list-item value="50">50</mwc-list-item> <mwc-list-item key={rowsPerPage} value={rowsPerPage}>
<mwc-list-item value="75">75</mwc-list-item> {rowsPerPage}
<mwc-list-item value="100">100</mwc-list-item> </mwc-list-item>
);
}
)}
</mwc-select> </mwc-select>
</div> </div>

2
resources/js/Components/Pages/RecordsPage.jsx
View File

@@ -260,7 +260,7 @@ export default class RecordsPage extends Page {
return ( return (
<> <>
<h2>{this.title}</h2> <h2>{this.title}</h2>
<DataTable checkable> <DataTable checkable paginated rows-per-page="1">
{this.tableColumns()} {this.tableColumns()}
{this.tableRows()} {this.tableRows()}
</DataTable> </DataTable>