Tables
2 UI Blocks Example
table_2
Tabel Data
| Sr. No. | Lorem | Ipsum |
|---|---|---|
| 1. | lorem ipsum dolor sit amet, consectetur adipis | lorem ipsum dolor sit |
| 2. | lorem ipsum dolor sit | lorem ipsum dolor sit amet, consectetur adipis |
| 3. | lorem ipsum dolor sit amet, consectetur adipis | lorem ipsum dolor sit |
| 4. | lorem ipsum dolor sit | lorem ipsum dolor sit amet, consectetur adipis |
| 5. | lorem ipsum dolor sit amet, consectetur adipis | lorem ipsum dolor sit |
| 6. | lorem ipsum dolor sit | lorem ipsum dolor sit amet, consectetur adipis |
table_2
[arr.create set="template.data"]
[section_classes]pad-y-8[/section_classes]
[section_title]Tabel Data[/section_title]
[expand_label]Click to Expand[/expand_label]
[collapse_label]Click to Collapse[/collapse_label]
[subtitle][/subtitle]
[col_headings new]
[title]Sr. No.[/title]
[/col_headings]
[col_headings new]
[title]Lorem[/title]
[/col_headings]
[col_headings new]
[title]Ipsum[/title]
[/col_headings]
[tr new]
[td new]
[content]1.[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]2.[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]3.[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]4.[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]5.[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]6.[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[/tr]
[/arr.create]
[uiblocks.tables.table_2 data="{template.data}" /]
table_1
| Lorem | Ipsum |
|---|---|
| lorem ipsum dolor sit amet, consectetur adipis | lorem ipsum dolor sit |
| lorem ipsum dolor sit | lorem ipsum dolor sit amet, consectetur adipis |
| lorem ipsum dolor sit amet, consectetur adipis | lorem ipsum dolor sit |
| lorem ipsum dolor sit | lorem ipsum dolor sit amet, consectetur adipis |
table_1
[arr.create set="template.data"]
[section_classes]pad-y-8[/section_classes]
[col_heading_class]font-size-large font-semibold gray-darker[/col_heading_class]
[col_headings new]
[title]Lorem[/title]
[/col_headings]
[col_headings new]
[title]Ipsum[/title]
[/col_headings]
[tr new]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[/tr]
[tr new]
[td new]
[content]lorem ipsum dolor sit[/content]
[/td]
[td new]
[content]lorem ipsum dolor sit amet, consectetur adipis[/content]
[/td]
[/tr]
[/arr.create]
[uiblocks.tables.table_1 data="{template.data}" /]