<template>
 <div>

	<table>
		<tr>
			<th>Pemeriksaan</th>
			<th>Bruto</th>
			<th>Diskon</th>
			<th>Total</th>
			<th>Action</th>
		</tr>
		<tr>
			<td style = "text-align: left; padding : 5px;">SGOT</td>
			<td >50.000</td>
			<td >5.000</td>
			<td >45.000</td>
			<td > <v-icon color = "red" >delete</v-icon> </td>
		</tr>
		<tr>
			<td style = "text-align: left; padding : 5px;">SGPT</td>
			<td >50.000</td>
			<td >5.000</td>
			<td >45.000</td>
			<td > <v-icon color = "red" >delete</v-icon> </td>
		</tr>



<tfoot>
	<tr>
		<th colspan="3" style = "text-align: right;">SUB TOTAL</th>
		<th  >100.000</th>
<th  >&nbsp;</th>
	</tr>

	<tr>
		<th colspan="3"  style = "text-align: right;">DISKON PEMBULATAN</th>
		<th  >10.000</th>
		<th  >&nbsp;</th>
	</tr>
</tfoot>



	</table>


</div>
</template>
<style scoped>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

 table, th {
  border: 1px solid #dddddd;
  text-align: center;
  padding: 8px;
}




tr:nth-child(even) {
  background-color: #dddddd;
}


</style>
<script>
module.exports = {
}
</script>
