angular-datatables stopped working abruptly

Question

I am using angular-datatables 13.0.1 in my angular application. I displayed a table using the following code in my UI. It was working.

Html:
        <table datatable  class="datatable table table-striped table-condensed h5"  [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" bFilter=false>


            <tfoot>             
                <tr>
                    <td colspan="8">
                        <div class="center-cont-block">
                            <mfBootstrapPaginator  [rowsOnPageSet]="[50,100,500]"></mfBootstrapPaginator>
                        </div>
                    </td>
                </tr>
            </tfoot>
            
            
        </table>

.ts file

        this.dtOptions = {
            pagingType: 'full_numbers',
            pageLength: 50
          };
          
          dtTrigger: Subject<any> = new Subject<any>();

I used this link http://l-lin.github.io/angular-datatables/#/welcome to learn how to display an angular-datatable. I haven't changed any of the libraries related to this. Surprisingly when I try to implement the same logic in another screen, nothing works. Either the table developed before or new table. Pagination is not displayed or the sorting. It is not applying any of the angular-datatables properties. When I inspect the code, many of the properties are missing few them are:

2. aria-controls