JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.bundle.min.js"></script>
<table class="table table-striped table-bordered table-responsive">
    <thead class="thead-light">
        <tr>
            <th scope="col" class="forum-col">Forum</th>
            <th scope="col">Topics</th>
            <th scope="col">Posts</th>
            <th scope="col" class="last-post-col">Last post</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>
                <h3 class="h5"><a href="#0">Forum name</a></h3>
                <p>ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd</p>
            </td>
            <td>
                <div>5</div>
            </td>
            <td>
                <div>18</div>
            </td>
            <td>
                <h4 class="h6"><a href="#0">Post name</a></h4>
                <div>by <a href="#0">Author name</a></div>
                <div>05 Apr 2017, 20:07</div>
            </td>
        </tr>
     <tbody>