When I goupby and summary some rows. The summary infomation is displayed as a string, It looks not very clear.I have 2 questions.
1. Can I use a template on the summay infomation?
2. Can I display the summary infomation align with each column? Like the following diagram.
Hi Spark,
1. I believe that the groupedRowTextTemplate option of the igGridGroupBy feature is what you are looking for. You can find more details about it here:https://www.igniteui.com/help/api/2019.1/ui.iggridgroupby_hg
2. About the summary information alignment - I believe that it's fully customizable (for example if you wrap it in a <div>, you can align that with any column you like).
Unfortunately I cannot see the image you added in your post so I cannot see what you are aiming for.
Can you please re-upload it so we can take a look?
Thanks in advance!
Cheers,
Borislav
Hi Borislav.
Thanks for you reply.
I have reloaded the images.
Thanks!
I see ... so you wish to have a sort of a table row with cells filled in only if a certain column is grouped.
In my opinion, that would require a good template for the option I mentioned earlier (groupedRowTextTemplate ) and you will be all set.
Here are the instructions for jQuery Templating that which you can use to achieve the desired result:
http://api.jquery.com/tmpl/
Hope this helps.
Thank you!
Your reply is very helpfull.
I have another question. If I want to template a summed column, Which Value should be write into template. Could you give me a short code snap?
Sure thing.
Here's the updated description of the groupedRowTextTemplate option:
Template for the grouped row's text, follows jQuery's templating guidelines. Variables available for the template are ${key}, ${val} and ${count}.
So the shortest snippet I can give you off the bat is the option's default value:
groupedRowTextTemplate: "${key}: ${val} (${count})",
So ${key} is the key of the grouped column.
${val} is the current value of the grouped column.
${count} is the number of rows for the current group.
Thus, you can template only the ${val} and ${count} variables because you will be aligning the summary under the grouped column's header cell (making ${key} rather irrelevant).
Hope this is enough to get you a under way with the template.