DataTables中row().child().show()在TypeScript中报错：属性不存在

解决方法 #

这个问题源于DataTables的TypeScript类型定义差异：

• 无参数调用row.child()时，返回的是带有show()/hide()方法的子行操作API
• 传入内容调用row.child(内容)时，TypeScript推断返回的是通用Api类型，该类型定义中不包含show()方法

方案1：拆分调用逻辑（推荐） #

先设置子行内容，再单独调用show()方法，避开类型推断问题：

else {
    row.child(format(row.data()));
    row.child.show();
    tr.addClass('shown');
}

方案2：类型断言 #

直接告诉TypeScript返回的是可调用show()的类型，用any快速解决：

else {
    (row.child(format(row.data())) as any).show();
    tr.addClass('shown');
}

额外检查 #

确保已安装并使用正确的DataTables类型定义包：

npm install @types/datatables.net --save-dev

如果已经安装，尝试更新到最新版本，保证和你使用的DataTables主版本匹配。

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