Tooltips in DataTable

Topic: Tooltips in DataTable

scottwilliams pro premium priority asked 8 months ago

0 0

Expected behavior

Tooltips should be visible in a datatable rendered column

Actual behavior

Tooltips are not being initialized when included in a datatable column with a rendered action icon.

Resources (screenshots, code snippets etc.)

I tried:

const tooltipsEl = document.querySelectorAll('[data-mdb-tooltip-init]');
            tooltipsEl.forEach((tooltipsEl) => {
                const tooltip = new mdb.Tooltip(tooltipsEl)
            });

But it is not working.

part of the JSON where I'm defining the rendered column:

...].map((row) => {
                return {
                    ...row,
                    articleid: `<a href='#'>${row.articleid}</a>`,
                    casenumber: row.casenumber === "n/a" ? row.casenumber : `<a href='#'>${row.casenumber}</a>`,
                    actions: `<i class="mdi mdi-account-plus mdi-18px lh-1 p-1 pb-0" data-mdb-tooltip-init title="Assign to me"></i>`,
                };

Add comment

Kamila Pieńkowska staff answered 8 months ago