如何在Playwright中获取表格指定列所有行的文本内容

你之前的代码报错核心原因有两个：

• page.$$eval() 第一个入参只支持传入CSS选择器字符串，你传入了Playwright Locator对象，参数类型不匹配直接触发Promise拒绝
• 没有提前等待表格DOM渲染完成，容易出现元素匹配超时
  AntD Table存在固定列、虚拟滚动、列顺序调整的场景，单纯靠nth-child索引定位容易错位，结合你提到的业务中td自带独立类名的情况，优先用类名定位稳定性更高。

全程使用Playwright原生Locator API，不需要混用eval类方法：

方案1：按列索引定位（适配无固定列、列顺序固定的场景） #

// 先定位表格主体，显式等待渲染完成
const tableBody = page.locator('tbody.ant-table-tbody');
await tableBody.waitFor({ state: 'attached' });

// 定位目标列的所有单元格：nth-child索引从1开始，和CSS规则一致，按你的实际列位置调整数值
const ageCells = tableBody.locator('tr > td:nth-child(2)');

// 直接调用原生方法批量获取所有单元格文本，返回值就是字符串数组
const ageList = await ageCells.allTextContents();

方案2：按td类名定位（推荐，适配你的实际业务场景） #

不需要依赖列的顺序，哪怕后续调整列位置也不会失效：

const tableBody = page.locator('tbody.ant-table-tbody');
await tableBody.waitFor({ state: 'attached' });

// 替换成你业务中Age列td的实际类名即可
const ageCells = tableBody.locator('tr > td.age-column-class');
const ageList = await ageCells.allTextContents();

• 不要将Locator实例传入$eval/$$eval方法，这类方法仅支持CSS选择器作为第一参数
• allTextContents()是Locator自带的批量取文本方法，会自动处理元素等待逻辑，不需要手动写map遍历
• 如果表格存在分页、滚动加载逻辑，需要先完成分页切换、滚动加载所有目标行后再提取文本，否则只能拿到当前已渲染行的内容
• 如果开启了AntD固定列功能，DOM中会渲染两份重复的单元格，需要在定位时限定容器范围，避免拿到重复值

内容的提问来源于stack exchange，提问作者demouser123