[BUG] Data table HTML column labels display as plain text in mobile view

[bgilhome-now]

Environment

• Operating System: Darwin
• Node Version: v18.20.2
• Nuxt Version: 3.13.2
• CLI Version: 3.14.0
• Nitro Version: 2.9.7
• Package Manager: [email protected]
• Builder: -
• User Config: -
• Runtime Modules: -
• Build Modules: -

Reproduction

1. Render a data table, set one of the columns' isLabelHTML property to true in the columns object and use HTML in the label.
2. View the table on desktop - HTML is rendered correctly
3. View the table on mobile - HTML is rendered as escaped/plain text

Describe the bug

As above - renders plain HTML since it's using CSS content: attr(data-label) in mobile.

I'll take a quick look - could use a SVG data URI with a <foreignElement> tag containing HTML as per this answer: https://stackoverflow.com/a/37558030

Additional context

No response

Logs

No response

Final checks

• Read the contribution guide.
• Check existing discussions and issues.