Progress bar in TreeTable not working

[shaozz]

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]

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