Application Tables

3 UI Blocks Example

app_table_3
Name Email Title Experience Resume
John Doe
john.d@example.com
Javascript Developer
3-6 Years
Download
John Doe
john.d@example.com
Javascript Developer
3-6 Years
Download
app_table_3
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [th new]
    [title]Name[/title]
  [/th]
  [th new]
    [title]Email[/title]
  [/th]
  [th new]
    [title]Title[/title]
  [/th]
  [th new]
    [title]Experience[/title]
    [text_align_class]text-center[/text_align_class]
  [/th]
  [th new]
    [title]Resume[/title]
    [text_align_class]text-center[/text_align_class]
  [/th]
  [tr new]
    [td new]
      [bold_text]John Doe[/bold_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]john.d@example.com[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]Javascript Developer[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]3-6 Years[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
      [text_align_class]text-center[/text_align_class]
    [/td]
    [td new]
      [image][/image]
      [is_badge]no[/is_badge]
      [link]#[/link]
      [link_text]Download[/link_text]
      [text_align_class]text-center[/text_align_class]
    [/td]
  [/tr]
  [tr new]
		[td new]
      [bold_text]John Doe[/bold_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]john.d@example.com[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]Javascript Developer[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]3-6 Years[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
      [text_align_class]text-center[/text_align_class]
    [/td]
    [td new]
      [image][/image]
      [is_badge]no[/is_badge]
      [link]#[/link]
      [link_text]Download[/link_text]
      [text_align_class]text-center[/text_align_class]
    [/td]
  [/tr]
[/arr.create]
[uiblocks.application-tables.app_table_3 data="{template.data}" /]
                        
                      
app_table_2
Name Email Title Experience Resume
John Doe
john.d@example.com
Javascript Developer
3-6 Years
Download
John Doe
john.d@example.com
Javascript Developer
3-6 Years
Download
app_table_2
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [th new]
    [title]Name[/title]
  [/th]
  [th new]
    [title]Email[/title]
  [/th]
  [th new]
    [title]Title[/title]
  [/th]
  [th new]
    [title]Experience[/title]
    [text_align_class]text-center[/text_align_class]
  [/th]
  [th new]
    [title]Resume[/title]
    [text_align_class]text-center[/text_align_class]
  [/th]
  [tr new]
    [td new]
      [bold_text]John Doe[/bold_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]john.d@example.com[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]Javascript Developer[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]3-6 Years[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
      [text_align_class]text-center[/text_align_class]
    [/td]
    [td new]
      [image][/image]
      [is_badge]no[/is_badge]
      [link]#[/link]
      [link_text]Download[/link_text]
      [text_align_class]text-center[/text_align_class]
    [/td]
  [/tr]
  [tr new]
		[td new]
      [bold_text]John Doe[/bold_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]john.d@example.com[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]Javascript Developer[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]3-6 Years[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
      [text_align_class]text-center[/text_align_class]
    [/td]
    [td new]
      [image][/image]
      [is_badge]no[/is_badge]
      [link]#[/link]
      [link_text]Download[/link_text]
      [text_align_class]text-center[/text_align_class]
    [/td]
  [/tr]
[/arr.create]
[uiblocks.application-tables.app_table_2 data="{template.data}" /]
                        
                      
app_table_1
Name Designation Role
John Doe
john.d@example.com
Regional Paradigm Technician
admin View Details
John Doe
john.d@example.com
Regional Paradigm Technician
editor View Details
app_table_1
                        
                          [uiblocks.application-tables.app_table_1 /][arr.create set="template.data"]
	[section_classes][/section_classes]
  [th new]
    [title]Name[/title]
  [/th]
  [th new]
    [title]Designation[/title]
  [/th]
  [th new]
    [title]Role[/title]
    [text_align_class]text-center[/text_align_class]
  [/th]
  [th new]
    [title][/title]
    [text_align_class]text-center[/text_align_class]
  [/th]
  [tr new]
    [td new]
      [image]https://via.placeholder.com/35x35[/image]
      [bold_text]John Doe[/bold_text]
      [normal_text]john.d@example.com[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]Regional Paradigm Technician[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [is_badge]yes[/is_badge]
      [badge_text]admin[/badge_text]
      [badge_color]#f00[/badge_color]
      [link][/link]
      [text_align_class]text-center[/text_align_class]
    [/td]
    [td new]
      [image][/image]
      [is_badge]no[/is_badge]
      [link]#[/link]
      [link_text]View Details[/link_text]
      [text_align_class]text-center[/text_align_class]
    [/td]
  [/tr]
  [tr new]
    [td new]
      [image]https://via.placeholder.com/35x35[/image]
      [bold_text]John Doe[/bold_text]
      [normal_text]john.d@example.com[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [normal_text]Regional Paradigm Technician[/normal_text]
      [is_badge]no[/is_badge]
      [link][/link]
    [/td]
    [td new]
      [image][/image]
      [is_badge]yes[/is_badge]
      [badge_text]editor[/badge_text]
      [badge_color]#00f[/badge_color]
      [link][/link]
      [text_align_class]text-center[/text_align_class]
    [/td]
    [td new]
      [image][/image]
      [is_badge]no[/is_badge]
      [link]#[/link]
      [link_text]View Details[/link_text]
      [text_align_class]text-center[/text_align_class]
    [/td]
  [/tr]
[/arr.create]
[uiblocks.application-tables.app_table_1 data="{template.data}" /]