customizable width

app.py

@@ -47,6 +47,16 @@ def load_database_tables(db_path):
 db_path = download_database()
 table_data, table_names = load_database_tables(db_path)
 
+# Column width configuration (in pixels)
+# Specify widths for specific columns across all tables
+# Format: {"column_name": width_in_px}
+column_widths = {
+    # Example configurations - modify these as needed
+    # "id": 100,
+    # "name": 200,
+    # "description": 400,
+}
+
 # Function to get table data with filters
 def get_filtered_data(table_name, search_query="", column_filter="All", sort_column="", sort_order="Ascending"):
     """Get filtered and sorted data from selected table"""
@@ -94,9 +104,13 @@ def get_table_info(table_name):
 
     return info
 
-# Create Gradio interface
-css = """
-    /* Aggressive targeting of ALL table cells */
+# Generate CSS with custom column widths
+def generate_css():
+    """Generate CSS with custom column widths based on column_widths config"""
+
+    # Base CSS
+    base_css = """
+    /* Default table cell styling */
     table td,
     table th {
         max-width: 400px !important;
@@ -131,6 +145,29 @@ css = """
     }
 """
 
+    # Add custom column widths using nth-child selectors
+    custom_css = ""
+    if table_data and table_names:
+        for table_name in table_names:
+            if table_name in table_data:
+                df = table_data[table_name]
+                for idx, col_name in enumerate(df.columns):
+                    if col_name in column_widths:
+                        width = column_widths[col_name]
+                        # nth-child is 1-indexed
+                        custom_css += f"""
+    table td:nth-child({idx + 1}),
+    table th:nth-child({idx + 1}) {{
+        width: {width}px !important;
+        min-width: {width}px !important;
+        max-width: {width}px !important;
+    }}
+"""
+
+    return base_css + custom_css
+
+css = generate_css()
+
 with gr.Blocks(title="VLA Foundry Database Viewer", css=css) as demo:
     gr.Markdown("# 🤖 VLA Foundry Database Viewer")
     gr.Markdown("Explore the VLA Foundry database with searchable, filterable, and sortable tables.")