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>
<mwc-select className="mdc-data-table__pagination-rows-per-page-select">
{/* TODO: Rendere dinamico (permetti a chi chiama il componente di
scegliere i valori da visualizzare */}
<mwc-list-item value="10">10</mwc-list-item>
<mwc-list-item value="25">25</mwc-list-item>
<mwc-list-item value="50">50</mwc-list-item>
<mwc-list-item value="75">75</mwc-list-item>
<mwc-list-item value="100">100</mwc-list-item>
{this.attrs.get('rows-per-page', '10,25,50,75,100').split(',').map(
(value) => {
const rowsPerPage = Number.parseInt(value, 10);
return (
<mwc-list-item key={rowsPerPage} value={rowsPerPage}>
{rowsPerPage}
</mwc-list-item>
);
}
)}
</mwc-select>
</div>

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

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