[Vuejs]-Descendant selector not working for .v-data-table th {*some style*}

I figured out the issue. The vue component was using ‘scoped’ styles which stops styling from applying to child components. I removed the scoped from <style scoped> and now it works as expected.