You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/collections/sistent/components/table/index.mdx
+33-39Lines changed: 33 additions & 39 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,6 +6,8 @@ component: table
6
6
description: A table is used to organize and display structured data in rows and columns.
7
7
---
8
8
9
+
import { Table } from"@sistent/components"
10
+
9
11
Tables are used to present structured data in a clear and organized way. They help users scan information quickly, compare values, and understand relationships between data.
10
12
11
13
<aid="Types">
@@ -18,49 +20,41 @@ Different types of tables help present information based on use cases and data c
18
20
19
21
Basic tables are used to display structured data in rows and columns.
20
22
21
-
<RowclassName="image-container">
22
-
<ThemeWrapper>
23
-
<Table>
24
-
<thead>
25
-
<tr>
26
-
<th>Name</th>
27
-
<th>Role</th>
28
-
<th>Status</th>
29
-
</tr>
30
-
</thead>
31
-
<tbody>
32
-
<tr>
33
-
<td>User 1</td>
34
-
<td>Contributor</td>
35
-
<td>Active</td>
36
-
</tr>
37
-
</tbody>
38
-
</Table>
39
-
</ThemeWrapper>
40
-
</Row>
23
+
<Table>
24
+
<thead>
25
+
<tr>
26
+
<th>Name</th>
27
+
<th>Role</th>
28
+
<th>Status</th>
29
+
</tr>
30
+
</thead>
31
+
<tbody>
32
+
<tr>
33
+
<td>User 1</td>
34
+
<td>Contributor</td>
35
+
<td>Active</td>
36
+
</tr>
37
+
</tbody>
38
+
</Table>
41
39
42
40
<h3>Striped Table</h3>
43
41
44
42
Striped tables improve readability by alternating row colors.
0 commit comments