AG Grid checkboxSelection + booleanColumn checkbox not clickable after Streamlit Cloud/Azure deployment (works for colleagues but not working for me)

Custom Components streamlit-aggrid
, ,
1

I’m using Streamlit + st-aggrid and I’m seeing a weird issue:

  • :white_check_mark: Works on my local machine

  • :white_check_mark: Works after deployment for my colleagues

  • :cross_mark: After deployment, on my machine/browser, the checkboxes are not clickable (both row selection checkbox and a boolean “locked” checkbox column)

This is the grid call:

grid_resp = AgGrid(
    t,
    gridOptions=grid_options,
    update_mode=GridUpdateMode.VALUE_CHANGED | GridUpdateMode.SELECTION_CHANGED,
    data_return_mode=DataReturnMode.AS_INPUT,
    allow_unsafe_jscode=True,
    fit_columns_on_grid_load=True,
    theme="streamlit",
    height=520,
    key=f"supplier_grid_{st.session_state.get('bulk_widget_reset_counter', 0)}",
)

What I’m trying to achieve

  • Column Select → checkbox selection of rows (checkboxSelection=True, headerCheckboxSelection=True)

  • Column locked → editable boolean checkbox (agCheckboxCellRenderer / agCheckboxCellEditor)

Relevant grid config snippets

Selection column:

gb.configure_selection(
    selection_mode="multiple",
    use_checkbox=False,
    suppressRowClickSelection=True,
    suppressRowDeselection=False
)

gb.configure_column(
    "Select",
    checkboxSelection=True,
    headerCheckboxSelection=True,
    headerCheckboxSelectionFilteredOnly=True,
    pinned="left",
    width=90,
    sortable=False,
    filter=False,
)

Locked column:

can_edit_locked = JsCode("""
function(p){
  if (!p.data) return false;
  if (p.data.__blocked) return false;
  return !!p.data.__can_lock;
}
""")

gb.configure_column(
    "locked",
    header_name="Locked",
    editable=can_edit_locked,
    cellRenderer="agCheckboxCellRenderer",
    cellEditor="agCheckboxCellEditor",
    type=["booleanColumn"],
    width=80,
)

Row id + immutability:

grid_options["immutableData"] = True
grid_options["getRowId"] = JsCode("function(p){ return String(p.data.unique_id); }")

Symptom (deployed only, only on my machine)

  • Clicking the Select checkbox does nothing (no selection change)

  • Clicking locked checkbox does nothing (no value change)

  • The grid renders fine; it’s just that checkbox clicks don’t register

Important detail

This happens only for me after deployment. Same deployment works for colleagues on their machines.

What I tried already

  • Hard refresh + clear cache

  • Tried different browser / incognito

  • Tried disabling extensions

  • Tried changing key= to force a remount

  • Tried turning off immutableData

  • Tried GridUpdateMode.MODEL_CHANGED and GridUpdateMode.SELECTION_CHANGED separately

  • Tried removing custom CSS that hides the AG Grid header menu (no change)

What could cause checkbox click events to be blocked only for specific clients after deployment?

Python version is 3.12

streamlit==1.41.1

streamlit-aggrid==1.1.0

2

Howdy @Asad8.

Not sure if this will help you, but I had similar issues where Streamlit would render as expected in local deployment but after publishing to Azure Web App (using Docker container), the formatting would not be the same for multiple Streamlit components across my app (IE text centered vs. left justified, underlines misaligned, AgGrid table width not static, etc.).

After many hours of trying one thing after another, I found the issue was due to dependencies being created differently in Docker > Azure than my local environment as my Dockerfile.azure used UV and my local testing used Poetry.

After creating my Docker image using Poetry as I do in my local testing as well as updating to streamlit==1.48.1, my issues were resolved.

Hope this helps you too!