jquery - 将 jquery onwindow 调整高度调整到表格转换为 Angular 4

Question

我希望一个表格尽可能多地占据屏幕的下部，并且它始终有一个水平和垂直滚动条，因此我在浏览器调整大小时运行了一个小脚本（需要它在页面初始化时也运行）这基本上根据屏幕中的可用空间在表格的父 div 上设置高度。这很棒。两个滚动条始终显示。

现在我需要将它添加到 Angular 4 项目组件中。不知道从哪里开始。还要考虑如何添加一些 Debounce 功能（以及让它在初始化时运行以及如前所述调整大小）。

    //resize the table
    $(window).resize(function () {
        var target = $('.table-container-fixed-height'), tableoffset = target.offset().top, windoffset = $(window).height(), newHeight = (windoffset - (tableoffset + 5)), tableHeight = target.height();
        target.css("max-height", newHeight);
        console.log("---------------------");
        console.log("table from top = " + tableoffset);
        console.log("window height = " + windoffset);
        console.log("new height cal for table = " + newHeight);
        console.log("existing table height = " + tableHeight);
        console.log("table height adjusted = " + newHeight);

    });