Angular 14 + angular-datatables 14 dtTrigger and ADTSettings

See original GitHub issue

🪲 bug report

I had this working prior to upgrading to Angular 14 and angular-datatables 14. Post upgrade, [dtTrigger] requires a Subject<ADTSettings> passed to it and that Subject’s next method must pass an ADTSettings type object. As far as I can tell, ADTSettings is an interface that extends the Settings object, but I haven’t a clue how this is suppose to be used.

🔬 Minimal Reproduction

https://github.com/h5aaimtron/angular-datatables-bugged

Step-by-step Instructions:

  1. Create Angular 14.2.x app.
  2. run ng add angular-datatables
  3. Follow code from here: http://l-lin.github.io/angular-datatables/#/advanced/rerender

🎱 Expected behavior

I expected the documentation to guide the process for utilizing the package. Unfortunately, it looks like major breaking changes happened with the latest version and there is a lack of documentation on how to implement any of it.

📷 Screenshots

image

🌐 Your Environment

  • NodeJS version: 16.13
  • Angular version: 14.2.9
  • Angular CLI version: 14.2.10
  • jQuery version: 3.6.1
  • DataTables version: Whatever comes with running ng add angular-datatables.
  • angular-datatables version: 14

📝 Additional context

A couple notes for the documentation to be corrected.

  1. dtElement: DataTableDirective; is not valid syntax in Angular 14, it must be dtElement!: DataTableDirective;
  2. rxjs requires a value be passed on any Subject’s next method now.

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Comments:9 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
h5aaimtroncommented, Dec 5, 2022

Downgraded back to 13.1 for now. That doesn’t seem to have any issues.

0reactions
l-lincommented, Dec 13, 2022

@h5aaimtron, v14.0.2 has been released and I tested your sample using the newest version and there is no build error.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Rerender angular Datatable , Getting all the records
I'm trying to update(rerender) angular datatable with new dtOptions ... Calling the DT trigger to manually render the table if (this.
Read more >
Using Angular DataTables to build feature-rich tables
The Angular DataTables library combines Angular directives with jQuery's DataTables plugin. See how to use it in our tutorial.
Read more >
Datatable not rendered when switch back from another ...
Hi, I am using Angular4 with angular-datatable and face the problem. That is when I am at page 'A' (PageACompanent) the data table...
Read more >
angular-datatables - npm
Angular directive for DataTables. Latest version: 14.0.2, last published: 13 days ago. Start using angular-datatables in your project by ...
Read more >
Angular Datatables Gitter (forked) - StackBlitz
14. 15. 16. 17. 18. 19. 20. 21. 22. <div>. <div>. <table datatable [dtOptions]="dtOptions". [dtTrigger]="dtTrigger" class="row-border.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found