无法访问虚拟 DOM 外的单元格?
Cell outside virtual DOM cannot be accessed?
我有一个相当深的嵌套 Tabulator
table,它启用了自动虚拟 DOM(默认行为),大约有 50 行。 table 被包裹在 div
内,固定高度为 500px
。
当尝试访问视图外的元素时,例如:
row = self.table.getRows(row_index)
cell_element = row.getCell(column_index).getElement()
我收到错误:
row.getCell(...).getElement is not a function
为了找出我是否做错了什么,我遍历了 table 中的所有行,上面的示例适用于所有可见行以及上下几行,但不适用于不可见行那些。
知道这里发生了什么吗?
我想要实现的是遍历所有行并检查每行中的特定单元格索引是否包含特定字符串,以将该单元格的文本权重设置为 bold
:
row = self.table.getRows(row_index)
cell_element = row.getCell(5).getElement()
cell_element.style["fontWeight"] = "bold"
要允许虚拟 DOM 创建和销毁单元格,您需要使用 custom formatter。
{title:"Name", field:"name", formatter:function(cell, formatterParams, onRendered){
if (cell.getValue() === 'Look at me') {
cell.getElement().style.fontWeight = 'bold';
}
return cell.getValue();
}
我有一个相当深的嵌套 Tabulator
table,它启用了自动虚拟 DOM(默认行为),大约有 50 行。 table 被包裹在 div
内,固定高度为 500px
。
当尝试访问视图外的元素时,例如:
row = self.table.getRows(row_index)
cell_element = row.getCell(column_index).getElement()
我收到错误:
row.getCell(...).getElement is not a function
为了找出我是否做错了什么,我遍历了 table 中的所有行,上面的示例适用于所有可见行以及上下几行,但不适用于不可见行那些。 知道这里发生了什么吗?
我想要实现的是遍历所有行并检查每行中的特定单元格索引是否包含特定字符串,以将该单元格的文本权重设置为 bold
:
row = self.table.getRows(row_index)
cell_element = row.getCell(5).getElement()
cell_element.style["fontWeight"] = "bold"
要允许虚拟 DOM 创建和销毁单元格,您需要使用 custom formatter。
{title:"Name", field:"name", formatter:function(cell, formatterParams, onRendered){
if (cell.getValue() === 'Look at me') {
cell.getElement().style.fontWeight = 'bold';
}
return cell.getValue();
}