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
2
votes
1 answer

vue-tables-2 how to handle the ROW_CLICK event in a module?(vuex)

I've a module named "csv", to handle csv files, and a vue-tables-2 with vuex: Store structure: -store -modules -csv.js -index.js index.js: Vue.use(Vuex) const store = new Vuex.Store({ modules: { commons, …
Fabio Venturi Pastor
  • 2,519
  • 3
  • 19
  • 32
2
votes
1 answer

How to add checkbox column in vue-tables-2?

I have list of users table created in vue-tables-2. I want to add checkbox column before each row to select multiple row and before header to select all row like gmail. can anyone help me out ?
UnmeshD
  • 159
  • 2
  • 11
2
votes
1 answer

Undefined value in vuex when clicking router view

I'm using the vue-tables-2 component, and setting the option to use Vuex: Vue.use(ClientTable, [], true, null) I have a in my table cell, linking to another page, and when i click it, i get an error in vuex about undefined…
Chris J Allen
  • 18,970
  • 20
  • 76
  • 114
2
votes
1 answer

Vue Tables 2 Custom filter not working

I am currently working on a table that displays logging data from different applications. The table shows data with no problem, since that seemingly was the easy part to get up. Now I need a custom filter. This filter needs to highlight rows with…
Carsten
  • 133
  • 4
  • 12
2
votes
1 answer

Vue-tables-2 grid component usage, how to use the Event bus?

I am trying to discover this matfish2/vue-tables-2 component, basic usage is fine but trying to read among the holes in the documentation is tricky... few examples on Google.. In the doc , it's stated : Events Using Custom Events (For child-parent…
user762579
2
votes
3 answers

Vue method not firing

I am working on a project that uses Vue2 (2.5.3) along with Vue Tables 2. All I am trying to do is add an anchor around each row, as the linked example shows, and invoke the edit() function. However, it doesn't seem to fire at all and I am not…
AnchovyLegend
  • 12,139
  • 38
  • 147
  • 231
1
vote
1 answer

How to get the searched text in v-client-table?

I am trying to create a custom column filter in v-client-table. https://codepen.io/pydev/pen/BaZKgpR options: { dateColumns: ['birth_date'], filterable: ['name','manufacturer', 'birth_date'], headings: { name:…
Nanda
  • 23
  • 3
1
vote
0 answers

Vuetify - Pass URL into table action button

I have a simple Vuetify table as shown in their examples I have modified the table script to include a button instead of the checkbox as can be seen in the Template segment below. Originally the checkbox was taking a 'True' or 'False' value from…
random237
  • 15
  • 4
1
vote
1 answer

Vue Sorted Table (Sorted from highest to lowest)

Hi i am a newbie in vuejs. I wanted to sort a table by Highest to lowest. However i install the library of vue-sorted-table. But when im trying run the code the data always return lowest to highest. Can anyone help me? Thank you.. Here is the…
TechDev
  • 415
  • 5
  • 18
1
vote
1 answer

getting filtered rows array from vue-tables-2

I need some help with a popular vue libraries https://www.npmjs.com/package/vue-tables-2. I have a filter fixed for the rows but now I need the filtered rows(the objects of rows) stored in an array does anyone know how to achieve this? I hope this…
tester
  • 11
  • 2
1
vote
0 answers

vuetable-2 - How to fetch data into table in laravel/vuejs usig API

I am trying implementing vuetable-2 in laravel/ vuejs but I don't know how to pass data to the table from api , in sample table we do it like below. Any help please methods: {loadBooks() { axios.get("api/Book").then(({ data }) => (this.Books =…
Basharmal
  • 1,313
  • 10
  • 30
1
vote
1 answer

How to get current page number in vue-table-2 ? I'm using server-side table

I'm using vue-tables-2 (server table) to display my table. I am using the built-in pagination of vue-tables-2. When we refresh the table it will redirect us to the first page of table. I want to redirect the user to the page where it was before…
1
vote
1 answer

How can I dynamically populate listColumns in vue-tables-2?

Let's say that I have an array of categories names available via a prop. In vue-tables-2 how can I dynamically populate a category filter in the listColumns option ? listColumns: { type: [{ id: 1, text: 'User' }, { id: 2, text:…
Samy Kacimi
  • 1,216
  • 9
  • 23
1
vote
0 answers

Pagiantion with server table is not working on vue js

I am creating a table using a ServerTable from 'vue-tables-2' to render a the data with axios and create a pagination, but the problem in the pagination the table show all the records together in the first page I tried to fixe it but i didn't find…
Zaatour Wadi
  • 117
  • 1
  • 10
1
vote
1 answer

emit multiple filters at once in vue-table 2

I have a three custom filters working on change select. But because of the way I use button on click all the filter on single method. Right now setting the custom filter and setting the page results in two calls to the server and it's causing me…
priyeshvadhiya
  • 606
  • 3
  • 8
  • 27
1 2
3
9 10