search

topcoat-data / topcoat-public

TopCoat components, visualizations and themes
MIT License
1 stars 3 forks source link

re-render plotly on pagination change #236

Closed gau94rav closed 1 year ago

gau94rav commented 1 year ago

Problem Plotly, when used inside tables does not reload with pagination, it always shows the result of first page.

What's fixed Vue re-renders any div element if a key value is changed, which results in plotly re-adjusting itself to show new data.

How to test

  1. Open https://snyk-insights.topcoatdata.app/reporting/a/develop.
  2. Switch branch to feat/enterprise_reporting
  3. Go to Analytics Page: https://snyk-insights.topcoatdata.app/reporting/analytics
  4. There are a bunch of tables on this page along with tiny plotly charts used inside their rows.
  5. Change pages of any table, plotly charts should change and not stay static.

Before https://github.com/topcoat-data/topcoat-public/assets/43262405/3acea3bd-784f-4567-853b-80c871051715

After https://github.com/topcoat-data/topcoat-public/assets/43262405/94144435-4139-4b71-97d8-954d3b54c287