Pending Review
Last Updated: 14 Dec 2018 12:26 by ADMIN
Andreas
Created on: 04 Dec 2018 14:58
Category: Grid
Type: Feature Request
0
Functionality for multiple fields in one column header

Hallo,

i have a grid with a lot of data for a better representation i show some related values with a template in the cell below each other. 
This solution is not optimal because I don't have the filter and sort function in the column header for every single field. 
Enclosed an example https://www.igniteui.com/grid/multi-row-layout which illustrates my wish.
I would be happy if you implement this feature in a future release.

3 comments
ADMIN
Alex Hajigeorgieva
Posted on: 14 Dec 2018 12:26
Hi, Andreas,

Thank you for your kind comments.

Do let me know in case assistance is required with the desired implementation. I would recommend submitting a support ticket as the response time should be less than 24 hours. 

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Andreas
Posted on: 11 Dec 2018 15:20
Hi, Alex,

thank you very much for the detailed and helpful answer.
The Multi-Row Layout function of the third party vendor certainly needs optimization.
I am sure that Telerik would have implemented this function better :).

The idea behind it is that our customers want to see a lot of their data at first view, filter and sort it without having to scroll to the right in the grid.

Maybe Telerik can include this feature in the roadmap. 

I will pick up your ideas and try to do it with the Kendo functions.
Thanks again.

Kind Regards
Andreas
ADMIN
Alex Hajigeorgieva
Posted on: 11 Dec 2018 14:03
Hi, Andreas,

Thank you for your feedback.

I have evaluated the approach which the third party vendor uses -  namely 4 properties to manage the template:

rowIndex: 1, columnIndex: 5, colSpan: 2, rowSpan: 2

I changed only the colspan property of one of the columns and there was a JavaScript error. he implemented approach does not seem very stable.  Here's a short video showing the Grid's behaviour. Here is a short video demonstrating how unstable the grid from the demo is.

https://www.screencast.com/t/zgepg6GsWI

So in reality - there is a broken grid and a message that gives you no clue what went wrong:



We would suggest the following:

- utilize a row template

https://demos.telerik.com/kendo-ui/grid/rowtemplate

For comparison, if you were to make an error in the row template, it would not result in a missing/broken grid, but rather of a cosmetically imperfect table layout.

- on click of the grid table, call the Kendo UI Grid editRow() method which will bring up the built-in popup window

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/methods/editrow

- use the multi-column headers (only bound columns can have the built-in sort and filter, for everything else, you can implement a custom filter)

https://demos.telerik.com/kendo-ui/grid/multicolumnheaders

Nonetheless, I have forward the demo to the team for review. Let me know in case you need further assistance with the proposed Kendo UI alternative above.

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.