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が優先されます。

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

ありがとう

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