Forums General
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
chanti fuadd
15
Infragistics Data
posted

How can I customize the appearance of the Infragistics Data Grid in my Angular application?

Drift Boss

  • 800
    Offline posted

    Hello,

    Thank you for contacting Infragistics Support!

    I have been looking into your question and to ensure that it is addressed correctly, I need to ask for some additional information.

    Could you please clarify what type of customization you are looking for?

    Should it be related to the grid styling, for example, using different colors for the headers, cells, or any of the features like summaries, editing, etc?

    If this is the case, what I can say is that for every feature, our documentation provides a styling section that demonstrates how the feature can be styled with custom styles via the exposed theme functions.

    For example, the grid-theme function provides several parameters that allow customizing the grid content, for example, header backgrounds/foregrounds, row backgrounds/foregrounds, etc. Also, as another example, the summaries feature can be customized via the grid-summary-theme function as demonstrated in the Grid Summaries Styling section here.

    Additionally, the grid styles can also be configured via a custom theme. More information that I believe you will find quite helpful on the matter can be found in our Global Themes and Component Themes topic.

    Also, another approach to customize the appearance of the grid is via templates. An example can be observed in our Cell Editing Templates section here - if you proceed to edit any of the Race, Class, or Alignment columns by double clicking on a cell, you will notice that the IgxSelectComponent is used as an editor.

    More information can be found in our Column Configuration section here. Also, if a certain feature provides templating, it will be mentioned in the respective topic, for example, in our Row Editing topic it can be observed that a Customizing Row Editing Overlay section is included here.

    Lastly, I would like to let you know that due to a national holiday, we will be out of the office on March 3rd and will review any updates on March 4th and respond to you then.

    Please let me know if the above addresses your question and if you need any further information regarding this matter.

    Sincerely,
    Riva Ivanova
    Software Developer