UNPKG

@deepbag/react-grid-x

Version:

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

41 lines (34 loc) 1.17 kB
/* Styles the pagination info text in dark theme */ .rgx-theme .rgx-arrow-pagination-info-dark { color: #fff !important; } /* Styles the 'Page of' label in dark theme */ .rgx-theme .rgx-arrow-pagination-page-of-dark { color: #fff !important; } /* Styles the 'Rows per page' label in dark theme */ .rgx-theme .rgx-arrow-pagination-rows-per-page-label-dark { color: #fff !important; } /* Styles the rows per page select dropdown */ .rgx-theme .rgx-arrow-pagination-rows-per-page-select-dark { border: 1px solid #474747 !important; background-color: #1c1c1c !important; color: #fff !important; } /* Styles the pagination buttons */ .rgx-theme .rgx-arrow-pagination-button-dark { border: 1px solid #474747 !important; background-color: #1c1c1c !important; color: #fff !important; } /* Styles the hover effect for pagination buttons */ .rgx-theme .rgx-arrow-pagination-button-dark:hover { background-color: #0e1215 !important; } /* Styles the disabled state of pagination buttons */ .rgx-theme .rgx-arrow-pagination-button-dark:disabled { background-color: #1c1c1c !important; border: 1px solid #474747 !important; color: #4c4c4c !important; }