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.