web-dev-qa-db-ja.com

ag-grid行にツールチップを作成する方法は？

（セルだけでなく）行全体にカーソルを合わせると、statusフィールドに基づいて条件付きでツールチップを表示したい。 APIドキュメントで、私はこれを見つけました： https://www.ag-grid.com/javascript-grid-column-properties/

tooltip（value、valueFormatted、data、node、colDef、rowIndex、およびapi）を受け取るコールバック。ツールチップとして使用される文字列を返す必要があります。 tooltipFieldが優先されます。

これを使用して、行全体にツールチップを表示できますか？はいの場合、誰でも実用的な例を提供できますか？そうでない場合、私がそれを達成できる他の方法はありますか？

ありがとう

ag-gridag-grid-ng2
5
Sandeep Kumar

私はこれらを列定義で次のように使用します：

{
    field: 'fullAddress',
    headerName: 'Address',
    tooltip: (params) => 'Address: ' + params.value
}
5
Quad Coders

私はこのようなものを見つけました：

gridOptions.defaultColDef = {
    tooltip: (params) => {
        if (condition2) {
            return "Some txt";
        } else if (condition2) {
            return "Some txt2";
        } else {
            return "Some txt3";
        }
    }
};

このツールチップはデフォルトの列定義として追加されるため、すべての列定義にコピーする必要はありません。

->ドキュメントへのリンク： https://www.ag-grid.com/javascript-grid-cell-editing/

4
kWakulewski