MUI DataGridのスクロールイベントを発火させる方法

2023年1月28日

需要有るか無いか分からないですが、MUIのDataGridのスクロールイベントを発火させる方法。

まず、こんな感じでWindowのスクロールイベントが取れて、X・Y座標が取れる。

window.addEventListener("scroll", () => {
    //window.scrollX
    //window.scrollY
});

これを応用してDataGridのスクロールにも適用したいわけですが、サクッとできるいい方法がたぶん無い。
（onScroll的なのがあればいいんだけど、今のところそんなのは無い）

で、考えた結果、これが一番簡単。

document.querySelectorAll(".MuiDataGrid-virtualScroller").forEach((el) => {
    el.addEventListener("scroll", (e) => {
      // スクロールしたときに入れたい処理
    });
});

「MuiDataGrid-virtualScroller」というのは、スクロール付けると追加されてるclass。

1点ここで問題なのが、１つの画面に２つスクロール入れてると両方反応してしまう。
まぁ、こんなイベントを発火させたい場合なんてそんなに無いと思うので、一端はこれでよしとする。