[Bug] Datatables not working/styling corrrectly

[1madkins]

Version

3.03

Reproduction link

https://jsfiddle.net/uk081p5v/

Operating System

Win 10

Device

PC

Browser & Version

Chrome 100.0.4896.127

Steps to reproduce

Open, jsfiddle link above, notice datatable does not initialize and there are errors in the code
Replace all code in the js/jQuery pane above $(document).ready with the official datatables js here: https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js
Datatable will initialize properly, but styling will be off
Optionally, remove the dark-version class. Styling is slightly better, but not quite right.

What is expected?

Datatable to initialize properly and be styled as per live preview

What is actually happening?

Datatable not initializing properly and when a workaround is attempted, not styled correctly

---

Solution

Additional comments