<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<br>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="card border-primary mb-3" >
<div class="card-header bg-primary text-white"> <a href="#" class="card-link text-white">Data Owner</a></div>
<div class="card-body">
<h5 class="page-header">กลุ่มประกันชีวิต :
<small class="text-muted">สายงานสินไหมทดแทน</small>
</h5>
<hr>
<table class="table table-bordered">
<thead>
<tr>
<th>Conceptual Data</th>
<th>Data Entity</th>
<th>Logical Data Component</th>
<th>สายงานสินไหมทดแทน</th>
</tr>
</thead>
<tbody class='small'>
<tr>
<td rowspan='3'>การชำระเบี้ยประกัน</td>
<td>การแจ้งเตือนการชำระเบี้ยประกัน</td>
<td>การแจ้งเตือนเบี้ยประกันครบกำหนดชำระ </td>
<td></td>
</tr>
<tr>
<td rowspan='2'>การชำระเบี้ยประกัน</td>
<td>ใบรับเงินเบี้ยประกัน </td>
<td></td>