doc: added doc examples

docs/components/table/examples/TableStripedExample.vue

@@ -0,0 +1,43 @@
+<template>
+  <Table striped>
+    <table-head>
+      <table-head-cell>Product name</table-head-cell>
+      <table-head-cell>Color</table-head-cell>
+      <table-head-cell>Category</table-head-cell>
+      <table-head-cell>Price</table-head-cell>
+      <table-head-cell><span class="sr-only">Edit</span></table-head-cell>
+    </table-head>
+    <table-body>
+      <table-row>
+        <table-cell>Apple MacBook Pro 17"</table-cell>
+        <table-cell>Sliver</table-cell>
+        <table-cell>Laptop</table-cell>
+        <table-cell>$2999</table-cell>
+        <table-cell>
+          <a href="#" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a>
+        </table-cell>
+      </table-row>
+      <table-row>
+        <table-cell>Microsoft Surface Pro</table-cell>
+        <table-cell>White</table-cell>
+        <table-cell>Laptop PC</table-cell>
+        <table-cell>$1999</table-cell>
+        <table-cell>
+          <a href="#" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a>
+        </table-cell>
+      </table-row>
+      <table-row>
+        <table-cell>Magic Mouse 2</table-cell>
+        <table-cell>Black</table-cell>
+        <table-cell>Accessories</table-cell>
+        <table-cell>$99</table-cell>
+        <table-cell>
+          <a href="#" class="font-medium text-blue-600 dark:text-blue-500 hover:underline">Edit</a>
+        </table-cell>
+      </table-row>
+    </table-body>
+  </Table>
+</template>
+<script setup>
+import { Table, TableHead, TableBody, TableHeadCell, TableRow, TableCell } from '../../../../src/index'
+</script>