JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.1/css/jquery.dataTables.css">
<table id="ownerslist" class="admintable">
    <thead>
        <tr>
            <th></th>
            <th></th>
            <th class="divider"></th>
            <th>Type</th>
            <th>Region</th>
            <th>Address</th>
            <th class="divider"></th>
            <th>Owner</th>
            <th>Status</th>
        </tr>
    </thead>
    <tbody>{% for property in properties %}
        <tr>
            <td><a href="{{ path('view_property', {'id' : property.id}) }}">{{ property.id }}</a>
            </td>
            <td>{{ property.propertyName }}</td>
            <th class="divider"></th>
            <td>{{ property.type }}</td>
            <td>{{ property.propertyRegion }}</td>
            <td>{{ property.propertyAddr1 }}</td>
            <th class="divider"></th>
            <td>{{ property.owner.ownerName }}</td>
            <td><span class="label {{ property.status }} label-mini">{{ property.status }}</span>
            </td>
        </tr>{% endfor %}</tbody>
</table>

JavaScript

$('#ownerslist').dataTable({
    "bSort": false
});