---
title: "Table | LemonadeJS v2"
description: "LemonadeJS v2 archive. How to create a reactive dynamic table from an array of objects using the loop attribute."
source: https://lemonadejs.com/docs/v2/examples/table/
---
Table
=====
Create a dynamic table from an array of objects using the `@loop` special attribute.
Basic example
-------------
Creating a dynamic HTML table using LemonadeJS.
### Source code
Browser
```html
```
NPM
```javascript
import lemonade from "lemonadejs";
export default function Component() {
let self = {};
self.rows = [
{ title:'Google', description: 'The alpha search engine...' },
{ title:'Bing', description: 'The microsoft search engine...' },
{ title:'Duckduckgo', description: 'Privacy in the first place...' },
];
// Custom components such as List should always be unique inside a real tag.
let template = `
| Title | Description |
|---|
| {{self.title}} | {{self.description}} |
`;
return lemonade.element(template, self);
}
```