I really appreciate how simple it is to add tooltips to both column headers and individual cells in the dash DataTable.
One thing I’m missing is some instructions how to change the size of the tooltip view. I understand it will be done through some CSS magic but I have no idea how to do that. Does anybody know? Ideally, I would like to set different sizes for column headers tooltips and for cell tooltips.
A little late for OP but for everyone having the same issue:
The internal style sheet used by dash has both
max-width set to
300px. If you want to resize the tooltip, you likely have to unset one or both of them.
As an example: the following CSS rules will yield an adaptive-width tooltip with maximum width of 300px
/* max and min width are both set to 300px in the dash stylesheet. Override them with your own definitions. */