<template>
 <v-card class="fill-height"  >
	 <v-card-text >
     <v-autocomplete
       cache-items
       hide-no-data
       hide-details
       label="Nama Dokter"
       solo-inverted
     ></v-autocomplete>

	 <v-select   label="Alamat Dokter" ></v-select>
	 <v-select label="Bahasa" ></v-select>


	<table>
		<tr>
			<th>Tanggal</th>
			<th>Jam</th>
			<th>Pemeriksaan</th>

		</tr>
		<tr>
			<td style = "text-align: left; padding : 5px;">12/12/2019</td>
			<td >13.30</td>
			<td >SGOT,SGPT</td>

		</tr>
		<tr>
			<td style = "text-align: left; padding : 5px;">15/12/2019</td>
			<td >16.00</td>
			<td > Urine Lengkap</td>

		</tr>

	</table>
	<v-spacer></v-spacer>
	</v-card-text>
</v-card>
</template>
<style scoped>
.myclass {
		height:100%;
}
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>
