Replies
Hello,
I have built a small sample, where i changed the background color for every cell from specific row, where one column value match a specific criteria. Please take a look at the sample and do not hesitate to ask if you have any additional questions.
Hello,
I manage to build a sample, where the described behavior is implemented. Here you can see it.
As you already have read in our documentation the way of setting filtering is by using the filter method that the igx-grid provides. But when you have a custom filters, you should not use the default filtering operands but instead to pass your custom operands. Also make sure that your class defines the function contains.
Take a look at the sample and if you need any additional information or further assistance, please contact us.
Hello,
Thank you for contacting Infragistics Support!
We are currently looking into this matter and will keep you posted as soon as I am ready with the sample.
Hello,
IgxColumnGroupComponent as you have already know define a logical group of columns, so through it you can define only properties that determine the column behavior as a pinning, hiding and so on and you can not use it to set a properties that needs to applied to a cell. So for now the best I can suggest you is to set this class for each column in you group to define the specific class that you need like the following:
<igx-column-group [movable]="true" header="Address Information">
<igx-column [movable]="true" filterable="true" sortable="true" resizable="true" field="Country" [cellClasses]="{'igx-thead_center-and-middle-text':true}"></igx-column>
<igx-column [movable]="true" filterable="true" sortable="true" resizable="true" field="City" [cellClasses]="{'igx-thead_center-and-middle-text':true}"></igx-column>
<igx-column [movable]="true" filterable="true" sortable="true" resizable="true" field="Address" [cellClasses]="{'igx-thead_center-and-middle-text':true}"></igx-column>
</igx-column-group>
If you need any additional assistance, please contact us.
Hello,
I am glad to hear that the provided solution solve your issue. About the sorting, currently, we do not support this functionality but this feature request has been already addressed, and here you can track it's progress.
If you have any further questions please contact us.
Hello,
Thank you for contacting Infragistics Support.
This feature that you describe is not supported as default behavior, but you can implement a custom filtering logic that correspond to your use case. The only things that are necessary to do is to extend one of the basics filtering operand classes – IgxFilteringOperand, IgxBooleanFilteringOperand, IgxNumberFilteringOperand, IgxStringFilteringOperand according your column data type and to define the custom logic that you need and also to set filters property to the column in which you want to perform custom filtering operations.
I am sending you a small example to see how this works.
If you have any further questions please contact me.
Hello,
Thank you for contacting Infragistics Support.
If you want to add custom style to the Igx Cell, according to the given cell template I recommend you to do it in the following way:
and add the whatever custom style you want. For example if you want the cell content not to overflow the cell borders you can add:
@import "~igniteui-angular/lib/core/styles/base/utilities/index";
.igx-grid__td span { @include ellipsis(); } in your style.scss file
or if you are using plain css in your style.css :
.igx-grid__td span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
If you have any further questions or this is not the specific behavior that you want to achieve, please contact us and describe in more details the behavior that you expect to get.