Vuepress vue-good-table

[shriaviator]

Question regarding vue-good-table

The default styles of vue press is overriding a vue-good-table ,
Base on your documentation https://github.com/FriendlyUser/vuepress-theme-cool#sortable-and-filterable-tables
I have tried adding a Styles.vue
The default styles are still being overridden .

Please elaborate on the below step

In addition, use an custom style component to get the css classes for the production build.

What version vue-good-table are you using?
v2.21.2

What browser?
chrome: Version 87.0.4280.141 (Official Build) (64-bit) windows

git hub repo : https://github.com/shriaviator/vuepress-project-one.git

Live sample: https://shriaviator.github.io/vuepress-project-one/guide/using-vue.html

[FriendlyUser]

I believe if you update the

<style>
</style>

in a component that is either globally imported or local to the theme it should work.

As for styles not being imported correctly, a quick inspection makes me think there are some styles which aren't going transferred properly or just not valid instead of being overriden.

As expected if I edit the inline style, the size of the table changes.

Although this might just be a result of local testing, but I expect inline styles to take priority.

[shriaviator]

Even in documentation vuepress-theme-cool site the table occupies 50 % of the width .
https://friendlyuser.github.io/vuepress-theme-cool-starter/custom-components.html#tables

which shows the default styles of vuepress are overriding the styles of vue-good-table library .
Any suggestions to get it to 100% width

[FriendlyUser]

I dont have any good suggestions at the moment.