JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<table class="table table-striped table-condensed voc_list ">

<thead>
<tr>
<th style="width:15%;"></th>
<th style="width:50%;">Name</th>
<th style="width:10%;">Time</th>
<th style="width:25%;">Place</th>
</tr>
</thead>

<tbody>

<tr class="listview">
<td> 
    <img src="http://placehold.it/200x200" class="img-responsive voc_list_preview_img" alt="" title="" />
</td>

<td style="width: 50%;">
ABC
</td>

<td style="width:10%;">
555
</td>

<td>
XYZ
</td>

</tr>

</tbody>

</table>

CSS

.img-responsive {
    width:100%;
}