[Vuejs]-Vue- Importing a component into a single Vue file affects my v-data-table across all files

0๐Ÿ‘

โœ…

My CSS class inside my filter component was

<style>
    .column{
        display: inline-block;
        width: 50%;
        box-sizing: border-box;
        padding: 0 10px;
    }
</style>

Which was affecting my V-data-table. I changed the class name from "column" to "header-list" and it got fixed

Leave a comment