Moin,
Scrollbar wird es immer erst durch css.
Im Beispiel von der Prüduktübersicht:
#Productions #ProductionsBody {
overflow-x: hidden;
overflow-y: auto;
}
Das sortieren via Header muss im Code vorbereitet werden.
Dazu muss das header-tr die Klasse sorter-header bekommen. Die Überschriften also <th> brauchen dann den Datentyp. Für Zahlen in der Spalte zum Beispiel is-number oder is-date. Auch die passenden Zeilen drunter.
Die einzelnen Zeilen drunter müssen in der richtigen Spalte dann ein data-Attribut haben. data-number oder data-date usw. Ist eigentlich nicht schwer. Der Rest passiert automatisch, dass hab ich schon so vorbereitet.
Falls Du ein Beispiel suchst, schau dir die Produktionsübersichts-Tabelle an. Im Code sowie auch in der Konsole vom Browser.
