Hi, 

I'm using kendo grid in angular. I'm trying to hide/remove the total cell from the kendo grid using *ngIf, but only content inside the cell is hiding, empty cell is showing.



How to hide the total cell from the grid,

This is the code , I have used

<kendo-grid id="antibiotic-result-view" [data]="uniqAntibioticList" [resizable]="false">
    <kendo-grid-column field="Expansion" [width]="150">
        <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
            <div class="antibiotic-heading">{{"Antibiotic" | translate}}
                <mat-checkbox type="checkbox" [ngModel]="allCompleted" disabled="true"></mat-checkbox>
            </div>
        </ng-template>
        <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
            <div *ngIf="dataItem.IsSuppressed">
                <span>{{ dataItem.Expansion }}</span>
                <mat-checkbox type="checkbox" [ngModel]="dataItem.IsSuppressed" disabled="true"></mat-checkbox>
            </div>
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

I have been trying for past 2 days, could someone help me on this ?

Hi!

I implemented a filter over all columns to implement a search like the example in the Overview-section for the Grid component.

I would like to highlight all text in the columns yellow that match the entered search text.

Is that easily possible?

Best regards,

Gerald

Hi,

We have been using Kendo UI for angular. The Kendo Grid UI is getting distorted. It was working fine earlier. Nothing has changed (CSS, HTML, Package)

Somehow the CSS is not getting applied.

Thanks,

Bhalchandra

Upgraded our project to the latest version this morning.

Tried the new size option available for the grid.

This works when using the default fluent theme.

We use a theme customised using the Theme builder and the size option small is not working with the custom theme. I've re-built the theme just now using the updated Theme builder and that still has not worked.

Hello All,

We are using a kendo grid and which is having few locked columns and a few which are not locked. Since there is a constraint the width needs to be set for each column if there is a locked column, we are setting the width for each column, Which makes the grid header not look good in bigger displays. You can see in the below screenshot that after the last column, there is some empty space. In smaller screens, this won't occur since the width we set exceeds the viewport width. Is there a way we can make this responsive?

Hi I want to align the text to the center in a give header cell in kendo ui angular grid. when i use headerStyle as below,it does not working.

<kendo-grid-column [headerStyle]="{'text-align': 'center'}" field="Action" title="Action" [width]="180" class="k-text-center" [sticky]="true"  [columnMenu]="false">
  <ng-template kendoGridCellTemplate let-dataItem>
      <img *ngIf="!dataItem.EntryIssue" src="../../../../../assets/svg/vpo-toolbar-icons/Group%20651.svg" alt="avatar">
      <img *ngIf="dataItem.EntryIssue"  src="../../../../../assets/svg/vpo-toolbar-icons/Group 703.svg" alt="avatar">
  </ng-template>
</kendo-grid-column>

We use Kendo in our app and I work within Stackblitz doing quick prototypes.  Yesterday, I notice most of the buttons and input components styling in my prototype were broken.  I haven't actively coded in a few days, so knew it was something related to a dependency. 

I see you all dropped a new release with a lot updates to buttons, inputs, etc.  Cool - but I think you have somethings to sort out.  I thought it was on my end and if I updated dependent packages  it might all fall into place.   

But I see now that its effecting your own demo's /examples from your site.   Did you anticipate this to be breaking changes? 

Check out the checkbox interfaces:  - this is pretty bad, and makes it unusable. 

Also styling in the header filters and the column chooser as just a few examples:

Hello,

how to turn off selection only inside cell which is editable and in edit mode? When you select some data inside editable cell you can see this selection (color red - added screenshot).

I still want to  be able to select cells outisde editable cell, but I want to turn this off while my mouse cursor is inside cell which is in edit mode.

I would like to have normal selection while cell is in edit mode and while I'm starting selection from inside cell.

Stackblitz with issue: https://stackblitz.com/edit/angular-wsp7zm-27tmxu?file=app/app.component.ts

Regards,

Dawid