---
meta:
  title: Table
  description:
layout: component
---

```html:preview
<zn-table fixed-first="" t="light" has-actions="" data="{&quot;header&quot;:[&quot;Full Name&quot;,&quot;User ID&quot;,&quot;Email&quot;,&quot;Type&quot;,&quot;Partner&quot;,&quot;State&quot;,&quot;Date Joined&quot;],&quot;items&quot;: [{&quot;actions&quot;: [{&quot;confirm&quot;: {&quot;type&quot;: &quot;success&quot;,&quot;trigger&quot;: &quot;reactivate10&quot;,&quot;caption&quot;: &quot;Reactivate Access&quot;,&quot;content&quot;: &quot;Are you sure you want to reactivate access for John Doe?&quot;,&quot;action&quot;: &quot;#&quot;},&quot;title&quot;: &quot;Reactivate Access&quot;,&quot;style&quot;: &quot;success&quot;}],&quot;caption&quot;: &quot;John Doe&quot;,&quot;data&quot;: [&quot;1&quot;,&quot;john.doe@example.com&quot;,&quot;Member&quot;,&quot;&quot;,&quot;&lt;span class='zn-success'&gt;Active&lt;/span&gt;&quot;,&quot;2025-01-01 12:10:20&quot;]}]}"></zn-table>
```

## Examples

### First Example

TODO

### Second Example

TODO