angularjs：设置div元素的样式？

Question

我有一个带桌子的应用程序。由于使用可滚动的tbody编写表格真的很难，我正在使用jquery插件＆＃34; DataTable＆＃34;。

我得到了在angularjs中设置DataTable的初始设置：

    angular.element(document).ready(function () {
    $scope.table = $('#dances').DataTable({
        paging: false,
        ordering: false,
        scrollY: 50,
        bInfo: false,
        select: true,
        searching: false,
        language: {
            zeroRecords: "",
            emptyTable: "",
            search: "_INPUT_",
            searchPlaceholder: "Search / Suchen ..."
        }
    });
});

现在我有可滚动的tbody - ＆gt; 50pixel。

我想达到什么目标？

我想根据浏览器的屏幕大小编辑tbody的高度。

我做了什么？

我在浏览器中查看了代码并找到了div＆＃34; dataTables_scrollBody＆＃34;我的50像素。

现在6小时后，我无法改变这个div元素的样式，尽管我尝试了很多方向。我在互联网上找到了函数＆＃34; angular.element（document.querySelector（.CLASSNAME））;＆＃34;

我试过这个，但找到了div元素，我找到了DataTable。因此我想我可以尝试更改dataTableSettings：

  var e = angular.element(document.querySelector('dataTables_scrollBody'));
    e.dataTableSettings[0].oScroll.sY = 40;
    $scope.table.draw();

但这没有用。该表进行了重绘，但旧值为50像素而不是40像素。

当我尝试找到div元素＆＃34; dataTable_scroll＆＃34;或者＆＃34; dances_wrapper＆＃34;我每次都会收到DataTable。

我如何获得这个div元素＆＃34; dataTables_scrollBody＆＃34;并附加一个新的造型高度？

谢谢