Move DataTable Export Button

[adrian.s]

Is there a way to move the DataTable Export button?
Specifically, I would like to move it to another div entirely, not just left and right within the div.
Or is it possible to clone the content of a Div to another Div in Dash?

Cheers,
Adrian

[papalazorous]

By some coincidence…i’m also looking for a solution to this, on the 4th April 2020!

I can see plenty of discussion online about the possibilities to do this within the native javascript and i even went so far as to open up async-export.js and async-export.js.map files in the hope of seeing some magic keyword, but in truth I have absolutely no idea what i’m looking for.

Any help on this would be greatly appreciated.

[Higgcz]

Hi, I had recently the same problem so I came up with hacky but simple solution:

See:

Moving DataTable Export Button and changing text

Hi, I was dealing with exactly the same problem and I came up with a simple solution, it is sort of hacky, but it works well. The idea is: Hide the default Export button using CSS Create custom Export button Create JS callback that calls click() on the default Export button main.py: import os import pandas as pd import dash_table import dash import dash_html_components as html from dash.dependencies import Input, Output df = pd.read_csv( "https://raw.githubusercontent.com/plotly/data…