olifolkerd / tabulator

Interactive Tables and Data Grids for JavaScript
http://tabulator.info
MIT License
6.78k stars 821 forks source link

Tooltips styling #3214

Closed fbenedetti06 closed 3 years ago

fbenedetti06 commented 3 years ago

A way to customize tooltips (color, font size...) could be a good idea!

olifolkerd commented 3 years ago

Hey @fbenedetti06

Tabulator uses the built in tooltips from the browser by setting the title property on the cell's div Tags, sadly these are not styleable in any browser at present.

That being said, there would be nothing to stop you using a third party tooltip library in your cell formatter to get customisable tooltips.

Cheers

Oli :)

olifolkerd commented 2 years ago

Hey @fbenedetti06

You will be happy to hear that in the upcoming 5.2 release, Tabulator will be supporting fully customisable tooltips.

Cheers

Oli :)

fbenedetti06 commented 2 years ago

Hi Oli That's so cool Thanks a lot ⁣Fred

Envoyé de mon smartphone​

Le 9 avr. 2022 à 15:33, à 15:33, Oli Folkerd @.***> a écrit:

Hey @fbenedetti06

You will be happy to hear that in the upcoming 5.2 release, Tabulator will be supporting fully customisable tooltips.

Cheers

Oli :)

-- Reply to this email directly or view it on GitHub: https://github.com/olifolkerd/tabulator/issues/3214#issuecomment-1094025685 You are receiving this because you were mentioned.

Message ID: @.***>

Mupli commented 4 months ago

for those who hit this:


//in columns
 tooltip: function (e, cell, obj) {
                const desc = cell.getRow().getData().desc;
                return  "<b style='font-size:14px'>"+(desc ? desc.replaceAll("\n", "<br/>") : desc ) +"</b>";
            },