Row with 3 columns for input with the option to add another row

PowerShell Universal
1

Trying to create an app that almost looks like a single excel row with 3 columns (blank). These cells need to be able to accept user input and give the user an option to “add” another blank row if they’re dealing with more than one record. Would like to know suggestions on how to accomplish. Right now i’m messing with “tables” but am not having much luck making it include text boxes where data can be entered. Any suggestions or poiting in the right direction would be appreciated.

2

Just off the top of my head you might be better off having a static table with an add button somewhere on the page. Have the add button pop up a modal with the entry fields you want, save that data to your datasource, then close the modal and refresh the table with a UDDynamic.

3

Thanks for the suggestion. Trying to get a basic version of it to work. I get a blank table with the headers but it never updates with the “added” data. I’ve always had an issue with the dynamic objects so i’m not sure what i’m doing wrong. Here’s the code i was trying to use…

New-UDApp -Content {
New-UDForm -Content{
New-UDTextbox -Id ‘usertxtbox’ -Label ‘User Email Address’ -Placeholder ‘user@email’ -Type email

} -OnSubmit {
$td = addTableData $EventData Sync-UDElement -Id ‘dynTable’ } -SubmitText ‘Add’

New-UDDynamic -Id ‘dynTable’ -Content{
$td += @(@{EmailAddress = $EventData.usertxtbox})
$Columns = @( New-UDTableColumn -Property EmailAddress -Title “User” )
New-UDTable -Id ‘customColumnsTable’ -Data $td -Columns $Columns -ShowRefresh }

}

function addTableData($ed){
$TableData += @(
@{EmailAddress = $ed.usertxtbox}
)
return $TableData
}