@deepbag/react-grid-x/dist/themes/rgx-theme/minified/rgx-table-pagination-minified.css

ReactGridX is a customizable and flexible React table component that supports pagination, dynamic rendering of table data, and customizable column rendering. It provides an easy-to-use interface for displaying tabular data with configurable columns, pagin

.rgx-theme .rgx-table-pagination{margin-top:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.rgx-theme .rgx-table-pagination-info{font-size:14px;font-weight:500}.rgx-theme .rgx-table-pagination-row-per-page{display:flex;align-items:center}.rgx-theme .rgx-table-pagination-rows-per-page-select{height:30px;padding:5px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer;font-size:14px;font-weight:500}.rgx-theme .rgx-table-pagination-rows-per-page-select:disabled{cursor:not-allowed}.rgx-theme .rgx-table-pagination-rows-per-page{display:flex;align-items:center;margin-right:10px;font-weight:500}.rgx-theme .rgx-table-pagination-rows-per-page-label{font-size:14px;margin-right:10px}.rgx-theme .rgx-table-pagination-controls{display:flex;flex-wrap:wrap;gap:5px}.rgx-theme .rgx-table-pagination-button{padding:4px 10px 3px 10px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer;transition:background-color .3s;font-size:14px;font-weight:500}.rgx-theme .rgx-table-pagination-button:hover{background-color:#ddd}.rgx-theme .rgx-table-pagination-ellipsis:disabled{background-color:#f1f1f1;cursor:not-allowed!important;border:1px solid #ddd}.rgx-theme .rgx-table-pagination-button.rgx-table-pagination-active{background-color:#007bff;color:#fff;border-color:#007bff}.rgx-theme .rgx-table-pagination-button-icon{padding:4.8px 5px 1.6px 5px;border:1px solid #ddd;background-color:#f9f9f9;cursor:pointer;transition:background-color .3s;font-size:14px;font-weight:500}.rgx-theme .rgx-table-pagination-button-icon:hover{background-color:#ddd}.rgx-theme .rgx-table-pagination-button-icon:disabled{background-color:#eee;cursor:not-allowed}.rgx-theme .rgx-table-pagination-button-icon.rgx-table-pagination-active{background-color:#007bff;color:#fff;border-color:#007bff}.rgx-theme .rgx-table-pagination-ellipsis{background-color:transparent;color:#888;cursor:not-allowed}