[sp-demo-header title="Table%20ShortPoint" sub_title="The%20most%20complete%20Table%20for%20SharePoint%2C%20Office%20365%20and%20SAP%20Portal" description="With%20this%20ShortPoint%2C%20SharePoint%20Tables%20will%20have%20styles%2C%20Table%20Header%20and%20Footer" /]
Table Options Demos
Table Styles
[divider style="double-dotted" /]
Simple Style
[table-dynamic simple source="Employees2" view="All%20Employees" size="5" /]
Stripped Style
[table-dynamic striped source="Employees2" view="All%20Employees" size="5" /]
Bordered Style
[table-dynamic bordered source="Employees2" view="All%20Employees" size="5" /]
Condensed Style
[table-dynamic condensed source="Employees2" view="All%20Employees" size="5" /]
Table Width
[divider style="double-dotted" /]
[table-dynamic width="50%25" source="Employees2" view="All%20Employees" size="5" /]
Table With Header
[divider style="double-dotted" /]
[table-dynamic simple header="true" source="Employees2" view="All%20Employees" size="5" /]
Table With Header And Sorting
[divider style="double-dotted" /]
[table-dynamic simple header="true" sorting="true" source="Employees2" view="All%20Employees" size="5" /]
Table With Search
[divider style="double-dotted" /]
[table-dynamic simple search="true" source="Employees2" view="All%20Employees" size="5" /]
Table With Hover
[divider style="double-dotted" /]
[table-dynamic simple hover="true" source="Employees2" view="All%20Employees" size="5" /]
Header First
[divider style="double-dotted" /]
Treat First Data Row As Header
[table-dynamic condensed bootstrap header-first="true" source="Employees2" view="All%20Employees" size="5" /]
Background Color
[divider style="double-dotted" /]
[table-dynamic bordered background-color="warning-light" source="Employees2" view="All%20Employees" size="5" /]
Text Color
[divider style="double-dotted" /]
[table-dynamic bordered text-color="info" source="Employees2" view="All%20Employees" size="5" /]
Header Text Color
[divider style="double-dotted" /]
[table-dynamic bordered header-text-color="red" header="true" source="Employees2" view="All%20Employees" size="5" /]
Border Size
[divider style="double-dotted" /]
Table Border Size 2px
[table-dynamic bordered border-size="2px" source="Employees2" view="All%20Employees" size="5" /]
Border Color
[divider style="double-dotted" /]
[table-dynamic bordered border-color="success" source="Employees2" view="All%20Employees" size="5" /]
[sp-demo-doc]
Style – pre-defined table styles:
- simple
- stripped
- bordered
- condensed
Responsive – table will fill the container width:
Width – table width value in any valid units
Background Color – pre-defined colors for background. All colors available at
ShortPoint Colors page
Text Color – pre-defined colors for text. All colors available at
ShortPoint Colors page
Header Text Color – pre-defined colors for the header text. All colors available at
ShortPoint Colors page
Header – show header
Header First – treat first data row as header
Sorting – enable sorting
Search – enable search
Hover – enable row hover effect
Border Size – table border size
Border Color – table border color. All colors available at
ShortPoint Colors page
Sourse – from where tabel takes data
View – what data should tabel show
Size – how many items show[/sp-demo-doc]