Stack Overflow
Stack Overflow

Questions tagged [vue-tables-2]

Vue.js table component

Vue Tables 2 was created to give developers a fully featured tool-set for creating beautiful and useful data tables with Vue.js. Used in hundreds of commercial software applications, Vue Tables 2 is constantly growing, improving and getting new features

Official docs

136 questions
3
votes
1 answer

Module build failed: SyntaxError: Unexpected token with babel-plugin-transform-vue-jsx

UPDATE: vue-tables-2 is now served pre-compiled, so no loaders are needed. For the templates option it is recommended to use scoped slots, which also don't require any special settings I am trying to migrate to Vue 2 and for this I need to use the…
bibiseb
  • 113
  • 1
  • 6
3
votes
1 answer

How to bind vue click event with vue tables 2 (JSX)?

Using https://github.com/matfish2/vue-tables-2, with Vue version 2, I can't seem to bind the click event on JSX (on templates->edit): var tableColumns = ['name', 'stock', 'sku', 'price', 'created_at'] var options = { compileTemplates: true, …
user2002495
  • 2,126
  • 8
  • 31
  • 61
2
votes
1 answer

vetify v-data-table with fetch data

i am using v-data-table for my project. The data I pull from the backend comes as item id. How can I match the incoming id with the object id in the categories and reflect the category name to the table?
Çağrıhan GÜNAY
  • 81
  • 6
2
votes
1 answer

vue 3 import vue-tables-3 but i got error: "_vue.default is not a constructor"

I'm trying to use Vue Tables 3 library with Vue 3. Here is my code in main.js: import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import { ClientTable } from 'vue-tables-3' const…
LukasGur
  • 311
  • 4
  • 14
2
votes
1 answer

Vue.js infinite loop on component re-render

I'm trying to build tables based off a few selected properties from a previous component: I'm rendering a component called 'branch-comparison' to compare XML files and their properties and values. This component takes in two props: selectedEnvs: An…
MarkMan
  • 159
  • 1
  • 7
2
votes
1 answer

Vue Tables 2 custom row style

So I'm using vue tables 2 and found little problem. Let's assume Im getting list of items and they have column called status, each status is constant and now I need to get translated values so making here relation status=key(constant). Table with…
kitaj21340
  • 41
  • 5
2
votes
1 answer

Vue-tables-2 options.hiddenColumns doesn't work

I can't figure out why the hiddenColumns option does not work. When I set it to hiddenColumns:['name'], I still can see the name column... I've tried the newest version but the problem remains. EDIT I want to have name column hidden by default but…
Milano
  • 18,048
  • 37
  • 153
  • 353
2
votes
0 answers

Action column buttons not changing on filtering the vuetable

I have a vuestic data table having 7 columns. The first 6 columns are table fields coming from a table stored in database. The last column is a vuetable action column which is a combination of two buttons - 'Details' and 'Delete'. Depending on…
Vibhu Sharma
  • 39
  • 6
2
votes
1 answer

Custom template not taken into account in vue-tables-2

With vue-tables-2, I created a custom template from the default one, to add pagination on top. My problem is that the custom template is not taken into account when requiring it. The default template is still displaying, even if I remove large parts…
Samy Kacimi
  • 1,216
  • 9
  • 23
2
votes
1 answer

Vuetables2 How to add dynamic style to specific data in vue-client-table

I am working on vue js and vue client table. I have created a vue-client-table and populated some dummy data as static. Now there is a column name STATUS which will have two value i.e Active or Inactive. I want to change the font color of 'Inactive'…
rushabh sojitra
  • 142
  • 14
2
votes
1 answer

how to add HREF link on each row using Vuetables VUE.JS

I've been working VUEJS Vuetables, despite I read about components and slots I cannot figure how to add a link with the following structure on each row:
s_h
  • 1,476
  • 2
  • 27
  • 61
2
votes
2 answers

How to remove the whole column in vue table?

I have a problem in removing the whole column and its corresponding row in vue-table. Here is my code.