Hi all, To make tables more responsive I want to add some data-attributes to the cells, that are equal to the

th

in the table. This way, I can make cards instead of rows on mobile, using this data-attributes in css. (see [this example](https://codepen.io/AllThingsSmitty/pen/MyqmdM) ) Is there a way to intercept the rendering part of RTE and add my own logic to it, so I can add the data-attributes automatically? I don't want the content editor to have to worry about this, and make mistakes in the code.

The tinymce table plugin should allow you to do this https://cdn.discordapp.com/attachments/1272485035429331075/1272488821300264980/image.png?ex=66bb2910&is=66b9d790&hm=98c7e5d7b347d90a2be1349b42dd38e95c9c19695ee00fa9f63066391c567d16&

But for that you need to know HTML code, right? I don't want to do that to the editors.

No, what I posted above was all done using the table plugin I didn't edit the html directly

ah, ok. I will have a look at it.

you may need to apply some config changes, what version of umbraco are you using?

v13 for this specific project

OK, in appsettings RichTextEditor section you need to add the following to CustonConfig section

"CustomConfig": {
          "table_header_type": "sectionCells",
}

ah, ok. But the

scope="col"

is not exactly what I need. I want to add

data-label="<dynamic text>"

to the table cells. Where dynamic text is the value in the cells.

that wouldn't be possible without writing your own tinymce plugin

I was hoping there was some way in Umbraco to hook in to that 😇

You could probably do a custom property value converter, and modify the table using HtmlAgilityPack

Yeah, it's gonna be a tricky one. I think I'm gonna try it with a tinyMCE plugin, because I then can use it in any CMS that uses tinymce.

But then it's also on the editor to fill out, I guess?