Progress bar in TreeTable not working

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

31 May 2020, 09:32


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

        class="p-datatable-responsive p-datatable-users"
        <template #header>
          <div class="table-header">Overview</div>

        <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"/>
        <Column field="pace" header="Pace">
        <Column field="lastUpdated" header="Last Updated"></Column>

Posts: 18478
Joined: 05 Jan 2009, 00:21
Location: Cybertron

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 0 guests