option to remove case sensitivity icon  #932

Activity

1. AnnMarieW commented on Aug 4, 2021

   

   AnnMarieW

   on Aug 4, 2021

   Last edited by AnnMarieW

   Contributor

   More actions

   That's a good idea, and this also came up on the forum recently regarding removing the "eyeball" icon for hideable columns: https://community.plotly.com/t/how-to-remove-the-individual-column-hide-action-buttons-from-a-datatable/50618/2

   It would be nice to control this with a prop (maybe filter_options?), but in the meantime it can be done fairly easily with CSS:

           dash_table.DataTable(
               columns=[{"name": i, "id": i, "hideable": True} for i in df.columns],
               data=df.to_dict("records"),            
               sort_action="native",
               filter_action="native",
               filter_options={"case": "insensitive"},
               css=[
                   {   # hides "hideable" icon
                       "selector": ".column-header--hide",
                       "rule": "display: none",
                   },
                   {   # hides "case-sensitive" icon
                       "selector": ".dash-filter--case",
                       "rule": "display: none",
                   },
               ],
           )

   Or include in the .css file in the assets folder

   .column-header--hide {
     display: none;
   }
   
   .dash-filter--case {
     display: none;
   }

   👍React with 👍1Reacted by gpedro178

   🎉React with 🎉1Reacted by Chelsea Douglas