Bootstrap -4 - Попытка сделать плавный градиент при наведении на ряд

Question

я пытаюсь сделать эффект градиента после текущего положения мыши (только для строк в таблице). Я думаю, что bootstrap делает, что эта проблема возникает. Когда я принимаю bootstrap ссылку в комментарии, мой следующий градиент работает нормально. Без этого он не работает с дочерними элементами строки.

Я пытался исправить это с помощью js

        for (var i = 0; i < childs.length; i++) {

            var child = childs[i];

            for (var j = 0; j < child.length; j++) {

                child[j].addEventListener("mousemove", function (event) {
                    return false;
                }, false);
            }
        }

Вот мой полный код http://jsfiddle.net/0t7k4xzb/2/