updated table Dynamic

Author: Yeliazar

src/pages/Ecommerce/ProductsGrid/components/ProductCard/ProductCard.scss

@@ -103,7 +103,7 @@
 
 .productsCardDescription {
   text-transform: capitalize;
-  color: theme-color('inverce');
+  color: theme-color('inverse');
   margin: 1.5px 0;
 }
 

src/pages/Tables/Dynamic/Dynamic.scss

@@ -19,11 +19,12 @@
 }
 
 .VueTables__table.table {
+
+  margin-top: 1rem;
+
   tr {
     th {
-      background: $primary;
-      color: var(--light-color);
-      border: none;
+      color: theme-color('inverse');
     }
     td {
       vertical-align: middle;
@@ -37,7 +38,7 @@
       margin-top: 3px;
 
       &:before {
-        color: var(--light-color);
+        color: theme-color('inverse');
       }
     }
   }

src/pages/Tables/Dynamic/Dynamic.vue

@@ -32,7 +32,7 @@
         Another table built with <a href="https://www.npmjs.com/package/vue-tables-2"
           target="_blank" rel="noopener noreferrer">vue-tables-2</a>
       </p>
-      <v-client-table :data="data" :columns="columns" :options="options" class="vue-table"/>
+      <v-client-table :data="data" :columns="columns" :options="options"/>
     </Widget>
   </div>
 </template>
@@ -52,7 +52,7 @@ export default {
         perPage: 10,
         pagination: { chunk: 10, dropdown: false },
         texts: { filter: '', count: '', limit: '' },
-        columnsClasses: { id: 'width-100' },
+        columnsClasses: { id: 'width-100'},
         skin: 'table table-striped',
         sortIcon: {
           base: 'fa text-muted', up: 'fa-chevron-up', down: 'fa-chevron-down', is: 'fa-sort',