James McCool commited on
Commit
aa506c0
·
1 Parent(s): ea76883

Update CSS selectors for Streamlit table headers to use 'glideDataEditor'

Browse files

Modify table header styling to use more precise CSS class targeting, ensuring consistent design and visual effects across different Streamlit data display components

Files changed (1) hide show
  1. app.py +2 -2
app.py CHANGED
@@ -102,7 +102,7 @@ st.markdown("""
102
  }
103
 
104
  /* Table header styling */
105
- .stDataFrame [role="columnheader"] {
106
  background-color: #FFD700 !important;
107
  color: white !important;
108
  font-weight: bold !important;
@@ -112,7 +112,7 @@ st.markdown("""
112
  }
113
 
114
  /* Hover effect for table headers */
115
- .stDataFrame [role="columnheader"]:hover {
116
  background-color: #DAA520 !important;
117
  cursor: pointer;
118
  }
 
102
  }
103
 
104
  /* Table header styling */
105
+ .glideDataEditor [role="columnheader"] {
106
  background-color: #FFD700 !important;
107
  color: white !important;
108
  font-weight: bold !important;
 
112
  }
113
 
114
  /* Hover effect for table headers */
115
+ .glideDataEditor [role="columnheader"]:hover {
116
  background-color: #DAA520 !important;
117
  cursor: pointer;
118
  }