Скачать с ютуб interactive editable table in figma | Quick Edit Delete and save Table Rows в хорошем качестве

interactive editable table in figma | Quick Edit Delete and save Table Rows

interactive datatable in figma Figma file link : https://www.figma.com/community/file/... In this video : Learn how to use variables and interactions how to create interactive component in figma with local variables how to create interactive component in figma In this example table row component is created with two variant View and edit mode. View mode is having component properties to easy change the values. Edit mode is having dropdown component to select the values and save it over the browser. Actions and Interactions are used as local variables. First need to select the checkbox the row which need to edit or delete. the Popup prompt will display as overlay if checkbox is not selected. once row is selected (checkbox) click on edit or delete to perform the action. Click on Edit will change the row variant to Edit mode and easily change the value of table and save the change. if want to delete the row, select the row and click on delete. while deleting the row the notification or toast message will appear with message "Vehicle no is removed". Here interactions are very easy to customize and add multiple row as per requirements. This component is easy to use and customize. Other Interactive table components Figma file links: Table with Multiple Filter drop-down - https://www.figma.com/community/file/... Table Filter components - https://www.figma.com/community/file/... Table with row selection and selected row count - https://www.figma.com/community/file/... Table pagination component - https://www.figma.com/community/file/... Table row filter component - https://www.figma.com/community/file/... Collapsible Row Table Component - https://www.figma.com/community/file/... Dynamic Table with dynamic values -https://www.figma.com/community/file/... Table component with variables and collections in figma - https://www.figma.com/community/file/... Table component in figma (3 variant to create components) - https://www.figma.com/community/file/...