[tmq_row][tmq_col size=»12″][tmq_divider align=»center»]DATA TABLES[/tmq_divider][/tmq_col][/tmq_row]
[tmq_row][tmq_col size=»12″][tmq_table title=»» effect=»color change» columns=»3″ strip=»yes» cols=»NAME,FAMILY,ROLE»][tmq_tablerow col1=»Brad» col2=»Pitt» col3=»Actor» ][tmq_tablerow col1=»Angelina» col2=»Jolie» col3=»Actress» ][tmq_tablerow col1=»Lady» col2=»Gaga» col3=»Singer» ][/tmq_table][/tmq_col][/tmq_row]
[tmq_row][tmq_col size=»12″][tmq_accordions shortcodemode=»custom» title=»» slug=»slug-bunpH» collapse=»automatic» postid=»226″][tmq_accordion order=»0″ title=»GET THE CODE» collapse=»automatic» slug=»slug-bunpH» mode=»open»]
[pre]{{tmq_table title=»Table Title»effect=»color change» columns=»3″ strip=»yes» cols=»Name,Family,Role»}}
{{tmq_tablerow col1=»Brad» col2=»Pitt» col3=»Actor»}}
{{tmq_tablerow col1=»Angelina» col2=»Jolie» col3=»Actress»}}
{{/tmq_table}}[/pre]
[/tmq_accordion][tmq_accordion order=»1″ title=»CODE EXPLAINED» collapse=»automatic» slug=»slug-bunpH» mode=»close»]
[code]{{tmq_table}}[/code][br]
This is the table container block shortcode[br]
- title: Title of the Table[br][br]
- columns: Number of table columns. It should be a number between 2 and 8[br][br]
- effect: «Color Change» / «Zoom Out» / None [br]The mouse over effect for the table[br][code]»None»[/code] No mouse over effect.[br][code]»Color Change»[/code] This will change the color of the mouse over row.[br][code]»Zoom Out»[/code] This effect will zoom the row which the mouse is over it.[br][br]
- strip: yes / no[br][code]»yes»[/code] This will make a light difference between background color of even and odd rows for better readability.[br][code]»no»[/code] This will disable the strip effect.[br][br]
- cols: List of the columns Title separated with comma [code],[/code]. The number of items in this option should be equal to the number specified in the [code]»columns»[/code] option.[br][br]
[hr]
[code]{{tmq_tablerow}}[/code][br]
This will create a row in the table. This must be inside [code]»tmq_table»[/code] shortcode.[label type=»info»]*[/label][br]
- col1, col2, col3, … : You can put each column’s content inside [code]»col{n}»[/code] options. Number of columns should be equal to the [code]»columns»[/code] option in the [code]»tmq_table»[/code] shortcode.[br][br]
[tmq_textalert title=»Table and Table Rows*» closable=»disable» type=»info» icon=»»][label type=»info»]*[/label] You don’t need to hard code these shortcodes to create the table in the Ventus. We are putting these codes here to just let you know more about Ventus capabilities. All of these shortcodes could be generated by the exclusive shortcode manager which is included with Ventus in a super easy and visual process.[/tmq_textalert]
[/tmq_accordion][tmq_accordion order=»2″ title=»DON’T WANT TO CODE!» collapse=»automatic» slug=»slug-bunpH» mode=»close»]Screen Cast of Visual ShortCode Manager Coming Soon![/tmq_accordion][/tmq_accordions][/tmq_col][/tmq_row]