HandsOnTable

Question

我想有条件地显示单元格的工具提示例如如果单元格值根据某些规则无效，则显示其无效的规则文本。

var hot = new Handsontable(document.getElementById('example'), {
    cells: function(row, col, prop) {
        var cellProperties = {};
        cellProperties.renderer = 'confirmTradePriceRederer';
        return cellProperties;
    }
});

function confirmTradePriceRederer(instance, td, row, col, prop, value, cellProperties) {
    Handsontable.NumericCell.renderer.apply(this, arguments);
    if (value is invalid) {
        td.style.color = 'red';
        //set tooltip here somehow

    }
}

Answer 1

我使用 comments 让它工作：

var hot = new Handsontable(document.getElementById('example'), {
    cells: function(row, col, prop) {
        var cellProperties = {};
        cellProperties.renderer = 'confirmTradePriceRenderer';
        return cellProperties;
    }
});

function confirmTradePriceRederer(instance, td, row, col, prop, value, cellProperties) {
    Handsontable.NumericCell.renderer.apply(this, arguments);
    if (value is invalid) {
        td.style.color = 'red';
        cellProperties.comment = 'Test Comment';

    }
}

Answer 2

您可以像这样使用 td 工具提示：

td.title = 'tooltip'

HandsOnTable - 显示单元格的工具提示

HandsOnTable - Show tooltip for cell

javascript