Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

Step-by-step Instructions:

  1. Create Angular 14.2.x app.
  2. run ng add angular-datatables
  3. Follow code from here:

🎱 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


🌐 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

h5aaimtroncommented, Dec 5, 2022

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

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 Post

No results found

github_iconTop Related Hashnode Post

No results found