How can I get get aligned row values corresponding to a table when scraping split table values using the element selector?

How to?
#1

I am using the chrome web scraper extension.

I need to pull down the table information (list of ingredients and their amounts) corresponding to the table listed on the website.

I have used an element selector to pull the values for ingredients and values for amounts, however, these do not seem to be aligned on the data preview ==> ie the amount value is not shown in the same row as the ingredient.

Why is this happening and how can I correct it?

Url: https://www.meatsandsausages.com/sausage-recipes/

Sitemap:
{"_id":"meat_and_sausage2","startUrl":["https://www.meatsandsausages.com/sausage-recipes"],"selectors":[{"id":"fermented_dry_sausages","type":"SelectorLink","parentSelectors":["_root"],"selector":"ul:nth-of-type(6) a","multiple":true,"delay":0},{"id":"name","type":"SelectorText","parentSelectors":["fermented_dry_sausages"],"selector":"h1[itemprop='name']","multiple":false,"regex":"","delay":0},{"id":"description","type":"SelectorText","parentSelectors":["fermented_dry_sausages"],"selector":"div[itemprop='description']","multiple":false,"regex":"","delay":0},{"id":"meats_and_ingredients_tables","type":"SelectorElement","parentSelectors":["fermented_dry_sausages"],"selector":"div.col-sm-6","multiple":true,"delay":0},{"id":"ingredients","type":"SelectorText","parentSelectors":["meats_and_ingredients_tables"],"selector":"span[itemprop='recipeIngredient']","multiple":true,"regex":"","delay":0},{"id":"measurement","type":"SelectorText","parentSelectors":["meats_and_ingredients_tables"],"selector":"td:nth-of-type(2) span","multiple":true,"regex":"","delay":0}]}

#2

I have managed to find a solution. I have selected individual rows as elements and then assigned the text selector for individual text items within these. Importantly, the multiple checkbox must not be selected for these text selectors within the elements.