Hi guys,
i have a requirement in which i need to display the headers in row format with data to be populated in its rows.
i.e. each traditional grid column is now individual row.
what would be the best way to achieve this?
Data display now:
Data display required
Hello Shivam,
Thanks for your reply!
There could be multiple reasons for the issues you are facing and without having a small, isolated sample, that I can debug on my side it is going to be very hard to determine the root cause of this behavior.
Having this in mind, please remove any external dependencies and code that is not directly related to this behavior so I can run npm install, test this sample on my side and provide you with a solution as soon as possible.
This is going to be highly appreciated and extremely helpful.
Looking forward to hearing from you.
Best Regards, Martin Evtimov Entry Level Software Developer Infragistics, Inc.
Thanks martin,
I suppose this would meet my requirements but already implemented a different solution which is based also based on data transformation.
I had one more issue regarding my requirement that the new columns are dynamic, my grid is able to handle this , but this seems to be working asynchronously so getting random issues. Is there a way to refresh grid structure (i.e., refresh rows and columns as well as data source) grammatically.
Attached you will find a demo project where I’m using cell and header templates in order to display columns transposed into rows after I have transposed the data itself. You can learn more about custom column configurations in our official documentation. Please keep in mind that all grid features work with the underlying data and not with the template.
Please keep in mind that transposing data is something that you should manually implement and it is not a built-in grid functionality. It can be determined to be a feature request. You can submit feature request in our GitHub repository here.
Remember when submitting your idea to explain the context in which a feature would be used and why it is needed as well as anything that would prevent you from accomplishing this today. You can even add screenshots to build a stronger case.
This will give you the opportunity do directly communicate with our development team regarding the issue and get notifications whenever a new information is available.
transposed.zip