react-data-table-component-extensions icon indicating copy to clipboard operation
react-data-table-component-extensions copied to clipboard

Custom element in place of "export" and "print" buttons.

Open alimovz opened this issue 4 years ago • 0 comments

Can you think of an easy way to place my own element in the same spot where the Print and Export buttons are located? So conceptually, I would use something like this:

<DataTableExtensions 
   {...tableData}
   filterPlaceholder={"Search Orders"}
   export={false}
   print={false}
   customElem={CustomButton}
>

And the CustomButton element would look like this for example:

const CustomButton = () => <button>Click Me</button>

And end result would be https://ibb.co/mD8nNTw

I am just trying to figure out how to put something where those icons are, because it's such a perfect spot for, say, a table refresh button. So if you have any other suggests, I would love to hear them.

alimovz avatar Jan 27 '21 22:01 alimovz