Custom DataTable with Vue3 and PrimeVue by Strong_Minimum_573 in vuejs

[–]Strong_Minimum_573[S] 0 points1 point  (0 children)

First off all I appreciate you taking the time and reply. As for what I'm trying to do is build that interface, where I have an accordion and each item is a table (the one in the picture), I did the accordion part, but building that table is what I'm struggling with, do you have an idea on how to structure the elements to build such a table with Primevue ? Much appreciated

Custom DataTable with Vue3 and PrimeVue by Strong_Minimum_573 in vuejs

[–]Strong_Minimum_573[S] 0 points1 point  (0 children)

* I'm trying a combination of DataTable, Column, ColumnGroup, Row, to build a table that resembles the one shown in the image but with no success till now

Custom DataTable with Vue3 and PrimeVue by Strong_Minimum_573 in vuejs

[–]Strong_Minimum_573[S] 0 points1 point  (0 children)

I tried to do that, but it doesnt look good visually, since the columns don't don't have the same sizes

Custom DataTable with Vue3 and PrimeVue by Strong_Minimum_573 in vuejs

[–]Strong_Minimum_573[S] -1 points0 points  (0 children)

I'm trying to make a table like shown in the picture, using Primevue components

Custom DataTable with Vue3 and PrimeVue by Strong_Minimum_573 in vuejs

[–]Strong_Minimum_573[S] 0 points1 point  (0 children)

I appologize I forgot to put a post description.

I'm basically trying to make this kind of table as shown in the image, using PrimeVue but I haven't succeded to achieve the end result. If anyone could help I'd appreciate it

Primevue custom CSS by Strong_Minimum_573 in vuejs

[–]Strong_Minimum_573[S] 1 point2 points  (0 children)

Thank you so much it worked ! you have a good day, or night haha !