@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
59 lines (49 loc) • 1.89 kB
CSS
/* Styles the pagination info text in dark theme for the table */
.rgx-theme .rgx-table-pagination-info-dark {
color: #fff ;
}
/* Styles the rows per page select dropdown for the table pagination */
.rgx-theme .rgx-table-pagination-rows-per-page-select-dark {
border: 1px solid #474747 ;
background-color: #1c1c1c ;
color: #fff ;
}
/* Styles the 'Rows per page' label in the table pagination */
.rgx-theme .rgx-table-pagination-rows-per-page-label-dark {
color: #fff ;
}
/* Styles the pagination buttons for the table */
.rgx-theme .rgx-table-pagination-button-dark {
border: 1px solid #474747 ;
background-color: #1c1c1c ;
color: #fff ;
}
/* Styles the hover effect for pagination buttons in the table */
.rgx-theme .rgx-table-pagination-button-dark:hover {
background-color: #0e1215 ;
}
/* Styles the disabled state of the ellipsis button in table pagination */
.rgx-theme .rgx-table-pagination-ellipsis-dark:disabled {
background-color: #1c1c1c ;
border: 1px solid #474747 ;
}
/* Styles the pagination button icon in the table */
.rgx-theme .rgx-table-pagination-button-icon-dark {
border: 1px solid #474747 ;
background-color: #1c1c1c ;
color: #fff ;
}
/* Styles the hover effect for pagination button icons in the table */
.rgx-theme .rgx-table-pagination-button-icon-dark:hover {
background-color: #0e1215 ;
}
/* Styles the disabled state of pagination button icons in the table */
.rgx-theme .rgx-table-pagination-button-icon-dark:disabled {
background-color: #1c1c1c ;
border: 1px solid #474747 ;
color: #4c4c4c ;
}
/* Styles the ellipsis button in table pagination */
.rgx-theme .rgx-table-pagination-ellipsis-dark {
background-color: #1c1c1c ;
}