How to add multiple columns headers to an igGrid which includes hyperlink in of them

Anvesh posted over 6 years ago

Hi Team,

While working on igGrid, I have come across an intresting requirement which has two column headers(contains hyperlink in of two). I have googled a lot to find fix for this but was unsuccessfull.

Could you please suggest where to make changes in the igGrid to achieve the requirement.

Also, please let me know if something is unclear or you need more info on the same?.

Below are screen shots for more reference.

We need something like this

Below are the grid features we have used:

Binding in HTML:

This is the sample sample Json:

[{
"section": "",
"org0": " ",
"org1": "Apple Inc.",
"org2": "180 Degree Capital Corp.",
"org3": "1 Financial Marketplace",
"org4": "1st Capital Bank",
"org5": "Credit Ural Bank JSC",
"org6": "Associated Bank Kazakhstan",
"org7": "123 Multinova Europe Compartim",
"org8": "1290 Funds - 1290 Global Talen"
}, {
"section": "View Details",
"org0": " ",
"org1": "<a href=#report?keypage=357235&PeersDropDownID=4004205>RATING DETAILS</a>",
"org2": "<a href=#report?keypage=357235&PeersDropDownID=105448>RATING DETAILS</a>",
"org3": "<a href=#report?keypage=357235&PeersDropDownID=4108582>RATING DETAILS</a>",
"org4": "<a href=#report?keypage=357235&PeersDropDownID=4144316>RATING DETAILS</a>",
"org5": "<a href=#report?keypage=357235&PeersDropDownID=4257035>RATING DETAILS</a>",
"org6": "<a href=#report?keypage=357235&PeersDropDownID=4273413>RATING DETAILS</a>",
"org7": "<a href=#report?keypage=357235&PeersDropDownID=6108447>RATING DETAILS</a>",
"org8": "<a href=#report?keypage=357235&PeersDropDownID=6159829>RATING DETAILS</a>"
}, {
"section": "Ratings",
"org0": "RatingSymbol",
"org1": "AAA",
"org2": "AAA",
"org3": "AAA",
"org4": "AAA",
"org5": "AAA",
"org6": "AAA",
"org7": "AAA",
"org8": "AAA"
}, {
"section": "Ratings",
"org0": "RatingPublishDate",
"org1": "23-Apr-2013",
"org2": "23-Apr-2013",
"org3": "23-Apr-2013",
"org4": "23-Apr-2013",
"org5": "23-Apr-2013",
"org6": "23-Apr-2013",
"org7": "23-Apr-2013",
"org8": "23-Apr-2013"
}, {
"section": "Ratings",
"org0": "CreditWatchOutlook",
"org1": "Stable",
"org2": "Stable",
"org3": "Stable",
"org4": "Stable",
"org5": "Stable",
"org6": "Stable",
"org7": "Stable",
"org8": "Stable"
}, {
"section": "Ratings",
"org0": "CreditWatchOutlookDate",
"org1": "23-Apr-2013",
"org2": "23-Apr-2013",
"org3": "23-Apr-2013",
"org4": "23-Apr-2013",
"org5": "23-Apr-2013",
"org6": "23-Apr-2013",
"org7": "23-Apr-2013",
"org8": "23-Apr-2013"
}, {
"section": "Financials-Adj",
"org0": "EBIT, Adjusted"
}, {
"section": "Financials-Adj",
"org0": "Operating Income (After D&A),Adjusted"
}, {
"section": "Financials-Adj",
"org0": "Operating Income (Bef. D&A),Adjusted"
}, {
"section": "Financials-Adj",
"org0": "Capital Expenditures"
}]