Formatting Tooltip to return rendered HTML instead of plain text

Hi, I am having an issue with rendering HTML on table column tooltip using accessor.

Right now on table tooltip i have this

           TextColumn::make('current_currency_price_without_discount_formatted')
                ->label(__('inputs.price'))
                ->visible(fn (): bool => Auth::user()->can('view_price_product'))
                ->money(currency: 'EUR')
                ->tooltip(fn($record) => new HtmlString($record->all_stores_prices_formatted_html))
                ->sortable(['price']),

           TextColumn::make('current_currency_price_without_discount_formatted')
                ->label(__('inputs.price'))
                ->visible(fn (): bool => Auth::user()->can('view_price_product'))
                ->money(currency: 'EUR')
                ->tooltip(fn($record) => new HtmlString($record->all_stores_prices_formatted_html))
                ->sortable(['price']),

           TextColumn::make('current_currency_price_without_discount_formatted')
                ->label(__('inputs.price'))
                ->visible(fn (): bool => Auth::user()->can('view_price_product'))
                ->money(currency: 'EUR')
                ->tooltip(fn($record) => new HtmlString($record->all_stores_prices_formatted_html))
                ->sortable(['price']),

           TextColumn::make('current_currency_price_without_discount_formatted')
                ->label(__('inputs.price'))
                ->visible(fn (): bool => Auth::user()->can('view_price_product'))
                ->money(currency: 'EUR')
                ->tooltip(fn($record) => new HtmlString($record->all_stores_prices_formatted_html))
                ->sortable(['price']),

But i still get pure html..

toeknee•2/28/25, 2:28 PM

I think that's because the tooltip is a browser specific tooltip... so it's not rendered and very simple I beleive

awcodes•2/28/25, 3:22 PM

not the cleanest solution something like this should work:

->extraAttributes(['x-tooltip.raw.html' => new HtmlString('<strong>test</strong>')])

->extraAttributes(['x-tooltip.raw.html' => new HtmlString('<strong>test</strong>')])

Señor NikolaOP•2/28/25, 6:08 PM

That did the job. Thanks!

Formatting Tooltip to return rendered HTML instead of plain text

Similar Threads

Similar Threads

Similar Threads