Obtaining the XPath for a data table containing two td elements that can be simultaneously clickable

Question

Obtaining the XPath for a data table containing two td elements that can be simultaneously clickable

<div class="dataTables_scrollBody" style="position: relative; overflow: auto; height: 370px; width: 100%; min-height: 0px;">
<table id="offer_create" class="display article-list ranklist_drag table table-bordered dataTable no-footer" aria-describedby="offer_create_info" role="grid" style="position: absolute; top: 0px; left: 0px; width: 100%;" width="100%" cellspacing="0">
<thead>
<tbody>
<tr class="odd" role="row">

    <td>test1</td>
    <td>test2</td>
</tr>

Is there a way to make the XPath and data in a data table clickable simultaneously?

For reference, here is an image showcasing how the data table should look:

https://i.sstatic.net/vx6oI.png

java html css xpath

Answer 1

Answer №1

WebDriver driver = new ChromeDriver();
WebElement tableElement = driver.findElement(By.xpath("//*[@id='content']/table[1]/tbody"));
List<WebElement> rows = tableElement.findElements(By.tagName("tr"));

for (int rowNum = 0; rowNum < rows.size(); rowNum++) {
    List<WebElement> columns = rows.get(rowNum).findElements(By.tagName("td"));
    System.out.println("Number of columns: " + columns.size());

    for (int colNum = 0; colNum < columns.size(); colNum++) {
        System.out.println(columns.get(colNum).getText());
    }
}

Note: <tr> denotes the row name and <th> signifies the column name in this code snippet.

Answer 2

WebDriver driver = new ChromeDriver();
WebElement tableElement = driver.findElement(By.xpath("//*[@id='content']/table[1]/tbody"));
List<WebElement> rows = tableElement.findElements(By.tagName("tr"));

for (int rowNum = 0; rowNum < rows.size(); rowNum++) {
    List<WebElement> columns = rows.get(rowNum).findElements(By.tagName("td"));
    System.out.println("Number of columns: " + columns.size());

    for (int colNum = 0; colNum < columns.size(); colNum++) {
        System.out.println(columns.get(colNum).getText());
    }
}

Note: <tr> denotes the row name and <th> signifies the column name in this code snippet.

Obtaining the XPath for a data table containing two td elements that can be simultaneously clickable

Answer №1

Similar questions

Wrapper Div at the Center

Clearing data validation in HTML after an error has been resolved.Is there a way to clear

Setting the UTF-8 character encoding in Struts2

center a horizontal line using StyledSheets in your project

Add a class by utilizing the :class attribute

Do you think there might be an issue with the CSS coding?

Unable to use the same hexadecimal HTML entity in the value props of a React JSX component

Tips for loading and updating data simultaneously in VUEJS from a single input

Python and Selenium: What are the alternatives to "find_element_by" that would be suitable in this situation?

Display a notification when creating an activity is unsuccessful

JavaScript and HTML are commonly used programming languages for developing

What could be causing the issue with HTML not being printed upon button click in ReactJS?

Avoiding the use of angle brackets in XSLT语

Guide for executing two @Test methods within a single class file by utilizing WebDriver and TestNG

Is it possible to stack divs horizontally in a liquid layout while allowing one of the widths to be dynamic?

What is the best way to delete HTML classes that were generated by a function?

Retrieving the chosen option from a dropdown menu using AngularJS

How can I fetch and reference multiple local JSON files in Vue using Axios?

"Transfer" the code within a Message Sending template

Which web browser(s) can properly display the CSS property display: run-in?