The datatable pagination is not rendering properly as seen in screenshot.

Is it possible to use search without having data passed via JS?

*Expected behavior*Properly rendered pagination

*Actual behavior*See screenshot

Resources (screenshots, code snippets etc.)

    <div class="datatable">
    <table>
        <thead>
        <tr>
            <th class="th-sm">Actions</th>
            <th class="th-sm">Title</th>
            <th class="th-sm">Date</th>
        </tr>
        </thead>
        <tbody>
        {% for course in courses %}
            <tr>
                <td></td>
                <td>{{ course.title }}</td>
                <td>{{ course.datetime }}</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>