dash-docs icon indicating copy to clipboard operation
dash-docs copied to clipboard

Document workarounds for "graphs within tables"

Open chriddyp opened this issue 5 years ago • 1 comments

There are a couple of workarounds right now:

  1. For the chart above (solid blocks of color within a cell), you could implement this using custom linear-gradient styles. See the "diverging data bars" example in https://dash.plotly.com/datatable/conditional-formatting
  2. For simple spark lines, you could try using a custom sparkline font, see e.g. https://community.plotly.com/t/sparklines-as-fonts-embedding-minimal-sparklines-in-tables-components/39468
  3. You can embed arbitrary components in html.Table. You would need to embed your own sorting or filtering dropdowns in the headers of the table.
  4. You could create static images of charts and embed those images into cells with the markdown features. See https://plotly.com/python/static-image-export/

Originally posted by @chriddyp in https://github.com/plotly/dash-table/issues/292#issuecomment-663288581

chriddyp avatar Jul 31 '20 00:07 chriddyp

Could be part of or could reference the "HTML Tables vs DataTable" chapter

chriddyp avatar Jul 31 '20 00:07 chriddyp