naaa

<style type='text/css'>
table{
width:100%
}

table th{
padding:1em
}

table td{
padding:.5em
}

tr:hover{
color:blue;
}

.table-overview{
width:100%;
margin:1em 0;
border:1px solid rgba(0,0,0,.1)
}

.table-overview td,.table-overview th{
padding:8px 15px;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
border-collapse:collapse;
text-align:left
}

.table-overview th{
background-color:#ececec
}


#hor-minimalist-b {
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    width: 480px;
    border-collapse: collapse;
    text-align: left;
    margin: 20px;
}

</style>
<table id="hor-minimalist-b" class="table-overview">
<tr>
<th scope="col">No</th>
<th scope="col">Nama</th>
<th scope="col">Nama Lengkap</th>
<th scope="col">Email</th>
<th scope="col">Aksi</th>
</tr>
<?php
$i=0;
foreach ($query as $row){
$i++;
echo    "<tr class='odd gradeX'>";
echo    "<td><center>$i</center></td>";
echo    "<td>$row->nama</td>";
echo    "<td>$row->nama_lengkap</td>";
echo    "<td>$row->email</td>";
echo    "<td><a href='edit/{$row->id_user}'>Edit</a> | <a href='hapus/{$row->id_user}'>Hapus</a></td>";
echo  "</tr>";
}
?>
</table>