Невозможно отображать разбиение на страницы и поиск по данным при открытии в модальном режиме angular bootstrap

Question

Мне нужно открыть модальное окно при нажатии кнопки, модальное окно находится в другом компоненте. В этом модальном окне я хочу показать datatable. Datatable загружается нормально, но нумерация страниц и поиск не отображаются. тем не менее, я добавил необходимые данные в dtOptions

dtOptions=  {
            scrollCollapse: true,
            pageLength: 10,
            processing: true,
            responsive: true,
            orderCellsTop: true,
            lengthMenu: [
                [5, 10, 50, -1],
                [5, 10, 50, 'All'],
            ],
            order: [[0, 'desc']],
            dom: 'Rfrtlip',
            rowCallback: (row: Node, data: any[] | any, index: number) => {
                const self = this;
                $('td', row).off('click');
                $('td', row).on('click', () => {
                    console.log(data);
                });
                return row;
            },
        };