loviuz/openstamanager
loviuz/openstamanager
1
0
Fork 0
mirror of https://github.com/devcode-it/openstamanager.git synced 2025-02-24 23:37:51 +01:00
Code Issues Releases Activity

style(DataTable): Migliorato stile select paginazione

Browse Source
This commit is contained in:
Maicol Battistini 2021-11-30 13:18:47 +01:00
parent 159c17dfe8
commit ae1bb32ffb
No known key found for this signature in database
GPG Key ID: 4FDB0F87CDB1D34A
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,6 +1,6 @@
import '@material/mwc-linear-progress'; import '@material/mwc-linear-progress';
import '@material/mwc-list/mwc-list-item'; import '@material/mwc-list/mwc-list-item';
import '@material/mwc-select'; import '../../WebComponents/Select';
import {type Cash} from 'cash-dom/dist/cash'; import {type Cash} from 'cash-dom/dist/cash';
import { import {
@ -40,7 +40,12 @@ export default class DataTable extends Component {
{__('Righe per pagina')} {__('Righe per pagina')}
</div> </div>
<mwc-select className="mdc-data-table__pagination-rows-per-page-select"> <material-select
outlined
className="mdc-data-table__pagination-rows-per-page-select"
fixedMenuPosition
style="--mdc-select-width: 112px; --mdc-select-height: 36px; --mdc-menu-item-height: 36px;"
>
{this.attrs.get('rows-per-page', '10,25,50,75,100').split(',').map( {this.attrs.get('rows-per-page', '10,25,50,75,100').split(',').map(
(value) => { (value) => {
const rowsPerPage = Number.parseInt(value, 10); const rowsPerPage = Number.parseInt(value, 10);
@ -51,7 +56,7 @@ export default class DataTable extends Component {
); );
} }
)} )}
</mwc-select> </material-select>
</div> </div>
<div className="mdc-data-table__pagination-navigation"> <div className="mdc-data-table__pagination-navigation">