PrimeVue DataTable Expander

UI Components for Vue
Post Reply
mwehlte
Posts: 1
Joined: 22 Jul 2022, 10:49

22 Jul 2022, 11:20

Hello folks,

I have a problem. I've designed a expandable datatable under rpimevue and want to expand a innertable in dependig on the return value of a method.My first solution was the following:

Code: Select all

<Column v-if="(slotProps.data.outerAbsence == null) && (slotProps.data.outerAbsence == ' ')" :expander="true" />
:roll:

but this isn't the right way. Has anyone a solution?

Thank you n advance

red-fox-run
Posts: 18
Joined: 17 Apr 2022, 02:46

24 Jul 2022, 23:05

I came here to post something similar so instead of creating a new thread I figured I would respond to yours.

Im working on a table to, almost sure the

Code: Select all

:expander
prop is to display the arrow to expand and not to actually expand.

I think what you're asking is how to programmatically trigger an expansion. This is my question as well so hopefully someone else will chime in. Id like to know how to programmatically expand and compress an expandable row.

I know expandedRows is the array which has the list of expanded rows but I cannot figure out how to properly add it after creating a new row in my own array.

Also, can you column end up meeting both your conditions? Im referring to the v-if

Could someone perhaps assist both of us?

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests