自定义JS影响表格式

Question

我编写了一个JS函数，用于将bar_link列从长链接样式化为图片中的短版本。

问题是第三列的列名消失了。另外，仅当我转到另一页然后再次返回时，样式才适用。

所需结果：

这种行为可能是什么原因？

根据需要，我在此处附加我添加到此页面的自定义JS：

return function () {

var f = function () { };

f.version = "1";

f.afterDraw = function () {

    function d() {
        var txt = document.querySelector('[id^=data-table] > tbody').getElementsByTagName('a');
        for (var i = 0; i < txt.length; i++) {
            txt[i].textContent = txt[i].textContent.toString().slice(-4);
        }
    }
    d()
    var change_page = document.querySelector("[id^=data-table]");
    change_page.addEventListener("click", d);

    var filter = document.querySelector('[id^=data-table] > div > div > div > div.dataTables_scrollHead > div > table > thead > tr');
    filter.addEventListener('click', d);

    var close = document.querySelector('body > div.super-modal.edit-mode.in-dashboard.ui-droppable > div.modal-button-bar > ul > li:nth-child(2) > a');
    filter.addEventListener('click', d);
};
return f;
}();