Black Lives Matter. Please consider donating to Black Girls Code today.

How to make DashTable non-interactive? Cells unclickable or non-selectable?

Just have a function that returns a small DF, which is output to front-end through a dash table. How can I make the cells and rows and columns non clickable, and non hoverable, so that users just see the words and values of the DF, and can’t interact with it?

Or is there a different wrapper object I should use to output the DF to the app, but still be able to maintain the styling elements of CSS like font size, width, etc?

Found answer online.

.dash-spreadsheet-container .dash-spreadsheet-inner table {
        --accent: transparent  !important;
        --border: transparent !important;
        --text-color: transparent !important;
        --hover: transparent !important;
        --background-color-ellipses: transparent !important;
        --faded-text: transparent !important;
        --faded-text-header: transparent !important;
        --selected-background: transparent !important;
        --faded-dropdown: transparent !important;
        --muted: transparent !important;
}