Programmatically "Click" on a cell in DataTable

UI Components for Vue
Post Reply
hlob
Posts: 1
Joined: 20 Jan 2022, 23:53

22 Mar 2022, 16:25

Dear all,
I want to be able to select editable cells programmatically. What I'm trying to do is:
- Having a datatable with cell editing where users can add new empty rows
- There's a cell for the SKU for products and if it is empty and some string (let's call it the search string) is input in it, the user sees an overlay with search results
- From this overlay, the user picks the item they want
- the SKU cell is updated with the value and the cell next to the SKU cell (carrying the number of items, called orderQty) is focused and put into edit mode

No matter how I tried I could succeed so far. Probably the most simple solution would be to memorized the rowIndex where the search string was entered and focus/click on the cell with rowIndex N and file name orderQty. Something like DataTable.focus(5, 'orderQty') :)

Best regards, hlob

Post Reply

Return to “PrimeVue”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 12 guests