Column Footer HTML Template
You can use HTML code directly by using HTML telmplate in the column footer.
Displays the value set in values in $ of footer.template.
var columns = [{
...skip
{
name: "Gender",
fieldName: "Gender",
width: 150,
header: {
text: "Gender"
},
footer: {
template: "${footerText} <img src='/images/common/man.png' alt='Gender Image' width='15' height='15'><img src='/images/common/woman. png' alt='Phone Image' width='15' height='15'>",
values: {"footerText":"Show gender image"},
styleName: "center-column"
}
},
...skip
}];
gridView.setColumns(columns);