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"}]
Wish to hear from you soon!
Thanks,
Anvesh A
Hi Deyan,
Greetings!
I have figured out an other way to fix the multiColumnHeader issue. Now I need your help on other issue related to column moving especially moving the column to first.
When I select 'Move First ' option , it replaces the very first column as below(which is correct) But I dont want target index to be '0' instead I want the target index as 1.
Just to update you, I have tried using the below approach to reset targetIndex. But, I was unsuccessful.
Could you please suggest how can we achieve this functionality and where/what event needs to be overridden?
Anvesh A.
Hello Anvesh,
You can take advantage of the MultiColumnHeaders feature of the igGrid. I've prepared a small demo and I believe it does match your scenario but with different data. You can review it here - http://jsfiddle.net/dkamburov/boyy0hz9/
Let us know if you need further assistance on this.
Regards,
Deyan Kamburov,
Infragistics