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;