将光标更改为等待表排序

Question

我正在使用React Bootstrap Table，我试图在用户点击排序按钮时添加加载光标。

当我使用那个特定的表时，问题似乎更普遍，因为当表进行排序时DOM不可用，所以我对光标所做的任何事情只在表完成排序后才会发生。如果表中包含大量项目，则可能需要几秒钟。

在排序开始之前有没有办法添加加载光标？

以下是我迄今为止在React-Bootstrap-Table方面所尝试的内容：

stopSortLoading = () => {
    if (document.querySelector('.table-container').classList.contains('loading-pointer')) {
        document.querySelector('.table-container').classList.toggle("loading-pointer")
    }
}
startSortLoading = () => {
    if (!document.querySelector('.table-container').classList.contains('loading-pointer')) {
        document.querySelector('.table-container').classList.toggle("loading-pointer")
    }
}

render() {

    const options = {
        onSortChange: this.startSortLoading,
        afterTableComplete: this.stopSortLoading
    };

我还尝试将onClick添加到父div，即

<div className='table-container' onClick={() => {
            if (!document.querySelector('.table-container').classList.contains('loading-pointer')) {
                document.querySelector('.table-container').classList.toggle("loading-pointer")
            }
        }}>
...table code
</div>

在表格排序之后，我所尝试的任何内容都没有任何效果。