I am displaying a set of records from store using dataview. I want to show it as 5 columns and I have achieved it. What I need to now is, a header for it. A header row that would tell what each column has inside. My code is as below
{
//List for displaying the Investors.
xtype: "dataview",
store: "Investors",
itemId : "InvestorsList",
indexBar: false,
grouped: false,
disableSelection: false,
loadingText: "Loading Investors...",
emptyText: '<div class="leads-list-empty-text">No Investors found.</div>',
itemCls : "dataview-item",
itemTpl:[
'<table border="2" cellpadding="2" cellspacing="2" style="width:100%; margin-top:0px;"><tr>',
'<td style="width:20%; text-align: center; line-height: 3; font-size: 16px;">{Account__c}</td>',
'<td style="width:20%; text-align: center; line-height: 3; font-size: 16px;">{Primary_Contact_Name__c}</td>',
'<td style="width:20%; text-align: center; line-height: 3; font-size: 16px;"><tpl if="Status__c == "Accepted""><div class="list-item-line-acceptedClass">{Status__c}</div></tpl><tpl if="Status__c == "Pending""><div class="list-item-line-pendingClass">{Status__c}</div></tpl><tpl if="Status__c == "Final Bidder""><div class="list-item-line-finalClass">{Status__c}</div></tpl><tpl if="Status__c == "Dropped""><div class="list-item-line-droppedClass">{Status__c}</div></tpl><tpl if="Status__c == "Rejected""><div class="list-item-line-rejectedClass">{Status__c}</div></tpl></td>',
'<td style="width:15%; text-align: center; line-height: 3; font-size: 16px;">{Contact_Phone__c}</td>',
'<td style="width:25%; text-align: center; line-height: 3; font-size: 16px;">{Primary_Contact_Email__c}</td>',
'</tr></table>'
],
}
I tried adding "html", adding toolbar but it doesn't help. I think you can understand that data would display like table, how to add one row(header) to it?