Bind table data using raw html approach

Dash Python
1

Hi,

I’m using raw html as a dash component. On page load, everything works fine.
I have to update the table data on click of the bar chart.

layout = '''
<html>
<body>
   <table>
      <thead>
        <tr>
          <th>product</th>
          <th>result</th>
        </tr>
     </thead>
    <tbody>
       <tr>
          <td>Apple</td>
          <td>Good</td>
       </tr>
app = dash.Dash(server=server, routes_pathname_prefix="/dashboard/", index_string=layout)

barGraph = dcc.Graph(id='queuePlot', 
figure={'data': [{'x': [1, 2, 3]}]}
)

app.layout = html.Div([
    html.Div([
        barGraph
    ])
])
  1. Is there any approach there for click event without using callback?
  2. How to bind the table data using above approach?
2

Hello @Sharathkumar,

Welcome to the community!

Sure, since you are using raw html and no callbacks, you are looking for interaction through Javascript. You can design custom JS scripts and place them in your assets folder to load when the app is started.

1 Like