Make Responsive Table with PHP and mysql Database

<div class="table-responsive"></div>  
<?php  
if (!isset($err_kon)):  
$tr .= '<table id="tabelku" class="tabelku table table-bordered table-striped table-hover table-condensed dt-responsove nowrap" cellspacing="0" width="100%">';  
$tr .= '<thead>';  
$tr .= '<tr>';  
$tr .= '<th>Tanggal</th>';  
$tr .= '<th>Nama Barang</th>';  
$tr .= '<th>HS</th>';  
$tr .= '<th>ID X OD X FL</th>';  
$tr .= '<th>Warna</th>';  
$tr .= '<th>Kode Barang</th>';  
$tr .= '<th>Aksi</th>';  
$tr .= '</tr>';  
$tr .= '</thead><tbody>';  
if ($admin->rowCount() > 0):  
foreach ($admin->fetchAll() as $key):  
$tr .= "<tr>";  
$tr .= "<td>{$key->TglSticker}</td>";  
$tr .= "<td>{$key->NmBrg}</td>";  
$tr .= "<td>{$key->HS}</td>";  
$tr .= "<td>{$key->id} X {$key->od} X {$key->fl}</td>";  
$tr .= "<td>{$key->Warna}</td>";  
$tr .= "<td>{$key->KdBrg}</td>";  
$tr .= "<td>";  
$tr .= "<a class='btn btn-xs btn-success' title='Ubah Data Karet' data-toggle='modal' data-target='#myModal' href='http://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}?aksi=form&opsi=ubah&id={$key->IDSticker}'><i class='glyphicon glyphicon-edit'></i></a>";  
$tr .= " ";  
//$tr .= "<a class='btn btn-xs btn-danger' title='Hapus Manager' data-toggle='modal' data-target='#myModal' href='http://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}&aksi=form&opsi=hapus&id={$key->IDSticker}'><i class='glyphicon glyphicon-remove'></i></a>";  
$tr .= "</td>";  
$tr .= "</tr>";  
endforeach;  
endif;  
$tr .= '</tbody></table><script type="text/javascript">$(document).ready(function(){$("#tabelku").dataTable();});</script>';  
else:  
$tr .= $err_kon;  
endif;