JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/kontera-technologies/nanoScrollerJS/master/bin/javascripts/jquery.nanoscroller.js"></script>
<link rel="stylesheet" href="https://jamesflorentino.github.io/nanoScrollerJS/css/nanoscroller.css">
<link rel="stylesheet" href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<script src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<script src="http://preview.oklerthemes.com/porto-admin/1.4.0/assets/vendor/jquery-datatables-bs3/assets/js/datatables.js"></script>
<link rel="stylesheet" href="http://preview.oklerthemes.com/porto-admin/1.4.0/assets/vendor/jquery-datatables-bs3/assets/css/datatables.css">
<link rel="stylesheet" href="http://preview.oklerthemes.com/porto-admin/1.4.0/assets/vendor/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="http://preview.oklerthemes.com/porto-admin/1.4.0/assets/stylesheets/theme.css">
<div class="row">
    <div class="col-md-3">
        <section class="panel">
            <header class="panel-heading">
                	<h2 class="panel-title">Gebruikers</h2>

            </header>
            <div class="panel-body">
                <table class="nano table table-bordered table-striped mb-none" id="datatable-default" style="height: 100px;">
                    <thead style="display:none;">
                        <tr>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody class="nano-content" style="padding: 0px;">
                        <tr style="float: left; width: 100%;">
                            <td style="float: left; width: 96%;">	<a href="#">
				<span class="text-left">test </span> <!-- NAAM -->
				<span style="float:right" sclass="text-right">
					<span class="label label-primary">Administrator</span> <!-- Functie -->
					<span class="label label-danger">300</span> <!-- Nieuwe berichten -->
				</span>
			</a>

                            </td>
                  ...

CSS

#datatable-default {

    height: 100px;

    width: 300px;

    border: 1px solid gray;

}

JavaScript

$(document).ready(function () {
    $('#datatable-default').dataTable({
        "paging": false,
            "ordering": false,
            "info": false
    });

    $(".pull-right").removeClass('pull-right');
    $("#datatable-default_filter").css({
        'float': "none"
    });

    $(".nano").nanoScroller();
    $('input[type=search]').change(function () {
        $(".nano").nanoScroller();
    });
});