Can you add extra columns to a p-fileUpload table to allow for metadata associated with each...

I have an app with an Angular/html front-end with a p-fileUpload component that allows the user to upload multiple files at a time.

Which is easy enough, I just have to add a [multiple] to the component in the html file.

<p-fileUpload #fileUpload styleClass="col-12" chooseStyleClass="col-3"
chooseLabel="Choose File(s)..."
[multiple]="true">
</p-fileUpload>


Which allows the user to upload multiple files into a table that displays the name of each file and its size and looks like this...



What I would like to do is add editable columns to the p-fileUpload component such that the table can also accommodate metadata associated with each file.

The table would look something like this, in which the user can also add a Title, Document Type, and Comments associated with each file:

It would look something like this:



Any suggestions?

Thanks in advance.

Continue reading...