A tag that allows parameterization of the style components of the HTML table rendered by a <netui-data:grid> tag.
<netui-data:gridStyle
[styleClassPrefix="string_styleClassPrefix"] />
Grid Region Name | HTML Element | Style Attribute |
Table | <table> | tableClass |
Header | <tr> | headerClass |
Data Row | <tr> | rowClass |
Footer | <tr> | footerClass |
styleClassPrefix
attribute is set
to "gridStyle", which means the generated style class names would be:
- gridStyle-table
- gridStyle-tr-header
- gridStyle-tr-data
- gridStyle-tr-footer
<netui-data:grid dataSource="{pageFlow.allRows}" name="{pageFlow.gridName}"> <netui-data:gridStyle styleClassPrefix="gridStyle"/> <netui-data:pager renderInHeader="true" action="pageAction" renderInFooter="true"/> <netui-data:columns filterAction="begin" sortAction="begin"> <netui-data:anchorColumn action="detailsItems" addRowId="true" title="Details"/> <netui-data:anchorColumn action="updateItems" addRowId="true" title="Edit"/> <netui-data:basicColumn filterable="true" title="Itemnumber" sortable="true" name="itemnumber"/> </netui-data:columns> </netui-data:grid>