问题描述
我有一张看起来像这样的桌子 -
<tbody>
<tr>
<td></td>
...
<td></td>
</tr>
</tbody>
每个单元格中的数据都填充了来自 json 对象的唯一值,或者对其进行了唯一操作(即复选标记)。 当用户可以添加具有相同列数的额外行时,困难就来了。 我如何编写一个算法/函数来遍历每个单元格并使用我唯一的 json 值填充它或执行特定操作?
这是针对赛普拉斯 QA 自动化 (Js/Ts)。每个单元格都有一个唯一的定位器,但如果我这样做,我的页面对象模型将有重复的代码。
解决方法
如果您从服务器获取数据,则每次使用 JavaScript 函数获取数据时都必须构建表。我找到了一篇可能有用的文章:https://javascript.plainenglish.io/creating-a-dynamic-html-table-through-javascript-f554fba376cf。