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

Refine Streamlit table header styling with targeted CSS selectors

Browse files

Update table header styling to use more specific CSS selectors, ensuring consistent design across Streamlit DataFrames while maintaining the gold color scheme and hover effects introduced in previous commits

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
- th[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
- th[role="columnheader"]:hover {
116
  background-color: #DAA520 !important;
117
  cursor: pointer;
118
  }
 
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
  }
113
 
114
  /* Hover effect for table headers */
115
+ .stDataFrame [role="columnheader"]:hover {
116
  background-color: #DAA520 !important;
117
  cursor: pointer;
118
  }