Add custom class in q-markup-table ?

[jitendra16]

how to add ‘customClass’ in table element?

[keload]

You have a table-class in Q-Table API https://quasar.dev/vue-components/table#QTable-API

[dobbel]

@keload Q-table != Q-markup-table

[keload]

ok sorry, actually no props are propagated on the element “table”.

So what I’ll do, I’ll apply the style from the parent .parent-class > table.

[dobbel]

@jitendra16 you could use css style to target the parent customclass with child q-table like:

.customClass > table {
    color: red
  }

[jitendra16]

@dobbel Actually i need to access ‘table’ element by document.getElementsByClassName() in a custom component used for exporting table into CSV.

[dobbel]

@jitendra16

why not create an csv export of the data you use to create the table instead of the table itself?

[jitendra16]

@dobbel not only CSV but pdf and print also done by component.

[dobbel]

@jitendra16

how about this:

document.getElementsByClassName("customClass").firstElementChild

or firstChild