Forums Ignite UI for React
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
Gavril Gavrilov
15
Questions regarding IgrGridToolbar
posted

Hi,

I am currently working on a grid and I'd like to (1)add customs buttons to the IgrGridToolbar, as well as (2)edit the IgrGridToolbarAdvancedFiltering component. 

For point (1):

From what I can find in the documentation "The Ignite UI for React Toolbar in is a container for UI operations in the React Grid. The React toolbar is located at the top of the React component, i.e., the IgrGrid and it matches its horizontal size. The toolbar container can host any custom content or set of predefined UI controls." it should be possible to do something along those lines:

<IgrGridToolbar>                        
      <IgrGridToolbarActions>                      
            <CustomComponent/>
      </IgrGridToolbarActions>
 </IgrGridToolbar>

However this will just cause the page to encounter a rendering error(white screen of death). Is there a special way to go about adding custom content to the toolbar?

For point (2):
The advanced filter has filters depending on the data type of the filtered column, so for example string columns will have "contains", "not contain" and so on, and I'd like to only have the "contains" option. I assume that this is editable through the "filters" property of each column, however I could not get it to work. Would you be able to advise on how to go about it, since I could not find a good answer in the documentation and the examples don't cover anything like this.

Kind regards,
Gavril
Parents
No Data
Reply
  • 29185
    Offline posted

    Hello and thank you for contacting Infragistics. One of our team members have logged an issue with our React grid regarding custom content, you can follow this thread here:

    https://github.com/IgniteUI/igniteui-react/issues/92

    I see that our other platforms that we have this feature are working so this is unique to React.

    Regarding the advanced filter dialog, I am not aware on how to go about changing the operands list exposed per column. I have asked our team and I will follow up as soon as I hear back. Let me know if you have any questions.

Children