diff --git a/src/routes/mail/+page.svelte b/src/routes/mail/+page.svelte
index 1a131bc..4eb5283 100644
--- a/src/routes/mail/+page.svelte
+++ b/src/routes/mail/+page.svelte
@@ -1,9 +1,20 @@
-<script>
+<script lang="ts">
+	let tableEle:HTMLTableElement;
 	function share(){
+		console.log(tableEle)
+		const tableBlob = new Blob([tableEle], {type:'text/plain'})
+		const tableFile = new File([tableBlob], 'messagebody.html')
+		console.log(tableFile)
 		const data = {
-			text: 'hello world',
+			files: [
+				tableFile,
+			]
 		}
-		navigator.share(data)
+		if(navigator.canShare(data))
+			navigator.share(data)
+				.catch(m => {
+					console.log(m)
+				})
 	}
 </script>
 
@@ -11,7 +22,7 @@
 This will be populated&hellip; sometime
 </p>
 
-<table class="grid-table border-collapse">
+<table bind:this={tableEle} class="grid-table border-collapse">
 	<tr>
 		<th scope="row">Semester</th>
 		<td>N</td>