有没有办法将 return 单元格数据作为 Tabulator (v5.0.7) 中的工具提示
Is there a way to return cell data as a tooltip in Tabulator (v5.0.7)
首先我想说我绝不是 JavaScript 方面的专家,所以如果我遗漏了一些明显的东西,请提前致歉。
示例:
我正在尝试为 A 列创建自定义工具提示。使用另一个单元格中的数据作为 A 列工具提示输出的参数。
{title: "title", tooltip: function(cell) {return anotherfunction(cell)}...
将 'cell' 作为参数传递时,可以查看行 console.log(cell._cell)
其余部分的信息,但据我发现,无法访问其余部分数据。
这是我遇到的问题的代码笔(我在示例中注释掉了 console.log(cell._cell.value)
,因为这会使 table 无法呈现。所以,查看浏览器控制台,可以看到从 console.log(cell._cell)
.
返回的数据
我曾尝试使用制表符 cell.getData()
、cell.getRow()
、cell.getColumn()
等(以及其他许多),但每个都会导致错误。
代码笔
https://codepen.io/lukeorriss/pen/yLzMapg
如果有人可以指出正确的方向以从工具提示函数访问另一行中的数据,那就太好了。提前谢谢大家。
制表符使用 2 种类型的工具提示定义。
- 列组件(Header 单元格)
- 单元格(数据单元格)
所以你必须为你的formatTooltip
函数设置条件
function formatTooltip(cell) {
// Need to open browser console log to view this.
if (cell._cell) {
let { name, email, address } = cell.getData();
return `You are ${name}, your email is ${email} and address is ${address}`;
} else if (cell.type === "ColumnComponent") {
return cell.getField();
}
}
查看我的Codepen
首先我想说我绝不是 JavaScript 方面的专家,所以如果我遗漏了一些明显的东西,请提前致歉。
示例: 我正在尝试为 A 列创建自定义工具提示。使用另一个单元格中的数据作为 A 列工具提示输出的参数。
{title: "title", tooltip: function(cell) {return anotherfunction(cell)}...
将 'cell' 作为参数传递时,可以查看行 console.log(cell._cell)
其余部分的信息,但据我发现,无法访问其余部分数据。
这是我遇到的问题的代码笔(我在示例中注释掉了 console.log(cell._cell.value)
,因为这会使 table 无法呈现。所以,查看浏览器控制台,可以看到从 console.log(cell._cell)
.
我曾尝试使用制表符 cell.getData()
、cell.getRow()
、cell.getColumn()
等(以及其他许多),但每个都会导致错误。
代码笔 https://codepen.io/lukeorriss/pen/yLzMapg
如果有人可以指出正确的方向以从工具提示函数访问另一行中的数据,那就太好了。提前谢谢大家。
制表符使用 2 种类型的工具提示定义。
- 列组件(Header 单元格)
- 单元格(数据单元格)
所以你必须为你的formatTooltip
函数设置条件
function formatTooltip(cell) {
// Need to open browser console log to view this.
if (cell._cell) {
let { name, email, address } = cell.getData();
return `You are ${name}, your email is ${email} and address is ${address}`;
} else if (cell.type === "ColumnComponent") {
return cell.getField();
}
}
查看我的Codepen