Scrollable Bootstrap Data Table

I’m trying to create a data table similar to the one in this tutorial but can’t seem to make it work. IS it possible within Wappler to create such a thing?

I have a sortable table that can have over 200 records in it so I’d like a scrollable table with the header stationary.

How can I make this work in Wappler?

Do I add the following code between <script> tags?

$(document).ready(function () {
$('#joborderlist').DataTable({
"scrollY": "200px",
"scrollCollapse": true,
});
$('.dataTables_length').addClass('bs-select');
});