change column header CSS

[LoneExile]

Issue Type (delete the irrelevant ones)

• [ ] Question

Specs

What version are you using? v2.21.11

What browser? Brave

Expected Behavior

What did you expect to happen? from this guide https://xaksis.github.io/vue-good-table/guide/advanced/#custom-column-headers I want to change CSS background-color button, where can I access this element?

I also read https://xaksis.github.io/vue-good-table/guide/style-configuration/style-classes.html#vgt-table but it not tell me how to make my own custom CSS.

Actual Behavior

What actually happened? It change only background text color when I try the guide example.

    return {
      headTable: [
        { label: 'id', field: 'id', thClass: 'custom-th-class' },
      ],
      dataTable: []
    };
<style lang="scss" scoped>
.custom-th-class {
  background-color: black;
}
</style>