הוספה ושימוש של datatable ב-angular4

[שיווקי]

הוספה ושימוש של datatable ב-angular4

קראתי לא מעט סרטונים באינטרנט, וכנראה בשל אי תאימות, לא ממש הבנתי איך להוסיף datatables (המטרה - טבלה המכילה נתונים ב-angular שיהיה ניתן לחפש דרכה דברים, לסמן מספר שורות, לדפדף וכד').

בשלב ההתקנה:
npm install angular-4-data-table --save

ב-angular-cli.json

     "styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "../node_modules/datatables/media/css/jquery.dataTables.min.css"       
      ],
      "scripts": [
         "../node_modules/jquery/dist/jquery.min.js",
         "../node_modules/bootstrap/dist/js/bootstrap.min.js",
         "../node_modules/datatables/media/js/jquery.dataTables.min.js"       
      ],

ב-app.module

import { DataTableModule } from 'angular-4-data-table';
...
imports:[
...
    DataTableModule
]

ובגוף ה-html

<table class="table
...

ביצעתי עוד התקנות לפני כן (לא יודע בדיוק איך לבדוק את הגירסה) עבור ה-jquery ו-bootstrap
npm install --save @ng-bootstrap/ng-bootstrap

הטבלה נראיית אותו הדבר אחרי התקנה של bootstrap וגם אחרי כל הנ"ל לגבי datatables.
אני רוצה להציג טבלה ממויינת, שניתן גם לבחור מספר שורות.

יצא לי לא משהו (כבר ביצעתי קריאה מבסיס נתונים ע"י rest full שכתבתי ב-python, אך העיצוב טעון שיפור וגם אני רוצה לקשר לאנגולר בצורה יעילה).
אני רוצה לדעת, איך לשפר...

כן, בנוסף (אני עדיין רוצה להבין את ה-best practice) אין איזו דרך לטעון את הספריות java-script וה-jquery בלי כל ההתקנות והכל כך מסביב שקשור לאנגולר (פשוט יותר פשוט).

מצו"ב קובץ.

תודה.