Black Lives Matter. Please consider donating to Black Girls Code today.
Dash HoloViews is now available! Check out the docs.

Problems with Dash Table Dropdowns

Hi all,

I have been trying to get conditional dropdowns to work in a datatable, but the options in the dropdown columns don’t load properly. Each cell will show an arrow for a dropdown, but when clicked nothing will show up.

Here is the code for the datatable:

		{'name': col, 'id': col, 'type': 'dropdown'}
		for col in cols
			'id': col,
			'dropdowns': [
					'condition': 'index eq "{}"'.format(val),
					'dropdown': [
						{'label': i, 'value': i}
						for i in list(range(5))
			for val in index_val]
	for col in cols if col != 'index'

Where cols and index_val are lists generated from the dataframe where the dropdowns are necessary.

I have tied the table to a basic callback, but there is still no luck rendering the dropdowns.

Thanks in advance for your help!


Solved the issue (sort of)

Apparently there is a conflict with Bootstrap 4 which prevents dropdowns in the table rendering properly.

I will submit a bug report to the github page later today.