首页 > 解决方案 > 使用html在表中的行数据中添加href的方法

问题描述

有没有办法显示一个表格,其中的行将在超链接中包含其值?

ReferenceNumber
1234 -> this one is clickable leading to localhost:8080/getDetails/1234
1235

谢谢

            //Add the data rows from Excel file.
            for (var i = 0; i < excelRows.length; i++) {
                //Add the data row.
                var row = table.insertRow(-1);

                //Add the data cells.
                var cell = row.insertCell(-1);
                cell.innerHTML = excelRows[i].ReferenceNumber;
            }

标签: javascripthtml

解决方案


只需将其包装在<a></a>标签中即可。

//Add the data rows from Excel file.
for (var i = 0; i < excelRows.length; i++) {
    //Add the data row.
    var row = table.insertRow(-1);

    //Add the data cells.
    var cell = row.insertCell(-1);

    var link = '<a href="localhost:8080/getDetails/' + excelRows[i].ReferenceNumber + '">' + excelRows[i].ReferenceNumber + '</a>';
    cell.innerHTML = link;
}

推荐阅读