Update app.py

app.py

@@ -100,17 +100,24 @@ def main_page(furniture_data):
                         """
                         st.markdown(video_html, unsafe_allow_html=True)
                 with col3:    
+                      # Custom CSS to style the table
                     table_css = """
                     <style>
-                        .dataframe { 
+                        .stDataFrame { 
                             width: 100%; 
-                            max-width: 100%; 
-                            max-height: 200px; 
+                            max-height: 300px; 
                             overflow-y: auto; 
-                            display: block;
                         }
-                        .dataframe th, .dataframe td { 
-                            text-align: left; 
+                        table.dataframe {
+                            border-collapse: collapse;
+                        }
+                        table.dataframe th, table.dataframe td { 
+                            border: 1px solid #ddd;
+                            padding: 8px;
+                            text-align: left;
+                        }
+                        table.dataframe th {
+                            background-color: #f2f2f2;
                         }
                     </style>
                     """
@@ -119,7 +126,8 @@ def main_page(furniture_data):
                             video_metadata = videos_data[source_video]
                             # Convert the metadata dictionary to a DataFrame
                             metadata_df = pd.DataFrame(video_metadata.items(), columns=['Attribute', 'Value'])
-                            st.markdown(table_css+metadata_df.to_html(index=False), unsafe_allow_html=True)
+                            # Display the DataFrame with custom CSS
+                            st.markdown(table_css + metadata_df.to_html(index=False), unsafe_allow_html=True)
                 
         else:
             st.write("Not Trending")