✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
⚡️ Concerned about the grid? Kyle Baranko teaches how to predicting peak loads using XGBoost. Register for the August webinar!

Dash datatable - "Toggle Columns" dropdown menu

Is there any way to add a search bar to the inbuilt dropdown that displays hidden columns (“Toggle Columns”) without having to modify the source React code?

Thank you!

you could hook up a separate component, like dcc.Dropdown, to the datatable’s visibility columns property via a callback

modifying the built in toggle columns ui isn’t possible right now without forking the react code.

Thanks! Also, is there any way to add a fontawesome icon to the “Toggle Columns” button? I tried this (below) and imported the fontawesome css, but seeing a box instead of the icon…

.show-hide::after {
    content: "\f0d7";
    padding-right: 3px;
    display: none;
}