Progress bar in TreeTable not working

UI Components for Vue
Post Reply
shaozz
Posts: 1
Joined: 31 May 2020, 09:16

31 May 2020, 09:32

Hi,

I tried to add in a progress bar to the treetable following the datatable example but it does not work.
The value is shown in number below the progress bar instead.

Appreciate if i could get some help on this. Thank you.

Code: Select all

<TreeTable
        :value="users"
        :rowHover="true"
        class="p-datatable-responsive p-datatable-users"
      >
        <template #header>
          <div class="table-header">Overview</div>
        </template>

        <template #empty>No users found.</template>

        <Column field="location" header="Location" :expander="true"></Column>
        <Column field="fg" header="Functional Group"></Column>
        <Column field="progress" header="Progress">
          <template #body="slotProps">
            <ProgressBar :value="slotProps.progress"/>
          </template>
        </Column>
        <Column field="pace" header="Pace">
        </Column>
        <Column field="lastUpdated" header="Last Updated"></Column>
      </TreeTable>

cagatay.civici
Prime
Posts: 18309
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

04 Jul 2020, 10:17

Can you post a screenshot so we can get a better understanding of how it looks?

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest