<link href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.10/semantic.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <h2 class="ui header">Realisasi Bulanan</h2> <!-- <div class="ui breadcrumbs"> <a href="" class="item">Realisasi Bulanan</a> </div> --> <table class="ui table definition"> <tbody> <tr><td>NIP</td><td>9999999</td></tr> <tr><td>Nama</td><td>Bayu Hendra Winata</td></tr> <tr><td>Tahun Anggaran</td><td>2018</td></tr> <tr><td>Unit Kerja</td><td></td></tr> <tr><td>Satuan Kerja</td><td></td></tr> <tr> <td>Kegiatan</td> <td> <select name="" id="" class="ui dropdown fluid"> <option value="">--Pilih Kegiatan--</option> </select> </td> </tr> </tbody> </div> <table class="ui table compact striped celled structured"> <thead class="center aligned"> <tr> <th rowspan=2>Kode</th> <th rowspan=2>Uraian</th> <th colspan=3>Keuangan</th> <th colspan=4>Fisik</th> <th rowspan=2>Update Terakhir</th> <th rowspan=2>Aksi</th> </tr> <tr> <th>Pagu</th> <th>Realisasi</th> <th>%</th> <th>Target</th> <th>Satuan</th> <th>Realisasi</th> <th>%</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><a href="">Detail</a></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td><a href="">Detail</a></td> </tr> </tbody> </table>