JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="panel panel-primary">
    <div class="panel-heading">
     
    </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-md-2">Filter by:</div>
            <div class="col-md-4"><input type="text"/></div>
        </div>
        <div class="row">
            <div class="col-md-6"><h3>Filtered by :</h3></div>
        </div>
        <div class="table-responsive">
            <table class="table" >
                
                <thead>
                    <tr>
                        <th></th>
                        <th>Product</th>
                        <th>Code</th>
                        <th>Available</th>
                        <th>Price</th>
                        <th>5 Star Rating</th>
                    </tr>
                </thead>
                <tbody>
                    <tr >
                        <th></th>
                        <th>Pr</th>
                        <th>Co</th>
                        <th>Ava</th>
                        <th>Pri</th>
                        <th>5</th>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>