Once you have the table section defined and saved. You may now interrogate any controls beneath it and they should appear inside the table section.
1. Interrogate and create the HTML Table and section.
2. Save the designer.
3. Interrogate your Anchor control. Be sure to interrogate one in the first row if at all possible.
4. Make sure you adjust the match rule(s) so that it will match across all rows of the table. The object explorer will only display the matching status for the first row, so this is pretty much a manual check you'll need to perform.
Once the anchor control is under the table section, it will have a key or index that you can use to iterate through. To iterate through a table section (this works only with sections that are not nested beneath others BTW), is to grab the AbsoluteCount property of the table section and pass that as the limit to a forLoop. I have attached a screenshot as an example, where you can see that I have some text boxes that I have added beneath a table section.
I have the similar situation. I want to click the hyperlink (if something match) in the first column (example, WB2X... in the original screen shot). How can I loop that through? I know how to loop through each table cells, but I need to click the hyperlink within the text. I am a bit confused with the term "Anchor control".
Anchor control is just another name for hyperlink. Once you have defined the table section, close out of the HTML table designer and then interrogate the hyperlink. It should appear beneath the table section. Make sure that you adjust the match rules for the hyperlink so that it will match on every row. In your automation when you connect it to your loop iterating through each row, you can provide a key for the Index to operate on the one on the current row.