Dash datatable - "Toggle Columns" dropdown menu

Dash Python
1

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?

Screen Shot 2020-03-09 at 2.37.15 PM
Screen Shot 2020-03-09 at 2.37.15 PM2506×600 57.4 KB

Thank you!

2

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.

3

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;
}