I am trying to add some custom images to the end of each GroupHeader in my grid. In the ItemDataBound event, I am catching all the GridGroupHeaderItem occurrences and doing the following:
item.DataCell.Text = string.Format("<table style='border-collapse: none' class='groupcontrol'><tr><td>{0}</td><td>{1}</td><td>{2}</td></tr></table>", item.DataCell.Text, |
"<div onclick='WorkAreaControl_SelectGroupRows()' title='Select All Accounts In This Group Only'><img src='../App_Themes/Office/Images/16x16/Download Add.png'/> Select All In Group</div>", |
"<div onclick='WorkAreaControl_DeselectGroupRows()' title='Deselect All Accounts In This Group Only'><img src='../App_Themes/Office/Images/16x16/Download Delete.png'/> Deselect All In Group</div>"); |
When this renders, I am getting an extra paragraph <p> element before and after this table. Why is that happenng and how do I make it stop?
I have attached a screenshot that show the grid and the HTML markup generated below it