Update app.py

app.py

@@ -1,8 +1,8 @@
 import streamlit as st
 import subprocess
-with open("styles.css", "r") as f:
-    css = f.read()
-st.markdown(f"<style>{css}</style>", unsafe_allow_html=True)
+import pandas as pd  # Import pandas for DataFrame manipulation
+
+# Function to install libraries
 def install_libraries():
     try:
         subprocess.check_call(['pip', 'install', 'pytube'])
@@ -37,22 +37,12 @@ def main():
         start_index = st.session_state.get('start_index', 0)
         end_index = start_index + 6
 
-        # Display caption table with CSS class names
-        st.write("## Caption Table")
-        st.markdown(
-            "<table><tr><th class='timestamp'>Timestamp</th><th class='original'>Original</th></tr>",
-            unsafe_allow_html=True,
-        )
-
-        
-        for i in range(start_index, min(end_index, len(captions_list))):
-             st.markdown(
-                f"<tr><td class='timestamp'>{captions_list[i]['Timestamp']}</td>"
-                f"<td class='original'>{captions_list[i]['Original']}</td></tr>",
-                unsafe_allow_html=True,
-            )
+        # Create DataFrame from captions_list
+        df = pd.DataFrame(captions_list)
 
-        st.write("</table>", unsafe_allow_html=True)
+        # Display caption table with st.table
+        st.write("## Caption Table")
+        st.table(df[['Timestamp', 'Original']].iloc[start_index:end_index])
 
         # Larger previous button
         col1, col2, col3 = st.columns([1, 8, 1])