How can you programatically change the height of the Grid?

My Grid is displayted within a container that can optionally switch to full-screen. The height of the Grid remains fixed, and applying a reactive style based on container height has no effect.

I'm setting both the initialWidth and initialHewight (600 and 400) to the Windows is large enough for the content, but it's not initially positioned at the center of the viewport when opened.

It displayed at the correct size, but it's too far to the right and too close to the bottom.

Any ideas why?

Hi, 

I am trying to evaluate the Vue Components but I cannot find any documentation about the data types. For example what is 

the data type of a scheduler item?

Is it still supported this product? Is it Typescript supported?

Every example looks really old using javascript and the options API and most of the links on the documentation are dead ...

Why are you allowed to tab focus onto the Month/Year selector at the top of the calendar control but cannot do the same with the DatePicker? With the DatePicker, focus is placed directly on the grid and only arrow keys work.  Is there some way to override this and tab onto the Month/Year selector?

There's no option for an Apply button on the Filter component.

The FilterChangeEvent fires with every action, so adding a new criteria triggers the event before the operator and values have been set.

If you've got the Filter hooked up to a Grid, this causes the rows to change in an unwanted way. This is particularly problematic if the data is coming from a remote API as it causes multiple GET requests, often with invalid filter configurations.

I can probably come up with a workaround that stores the value of the filter and only applies it when I click a button, but this shouldn't be necessary.

I've creted a Grid that uses a custon cell template for a number of columns.

I'm now trying to implement incell editing, following the example in the documentation, but the @cellclick event is not triggering when I click on a cell that uses a custom template.

How can I get the @cellclick event to fire?

You can see this issue in the documentation for the Filter Row.

You need to type really slowly into the filter field for the correct text to be applied. This is probably something to do with filtterchange being triggered immediately -- the input os not debaoiunce and there's no option for an 'Apply' button.

In the Native Components grid of kendo ui for vue, how can I customize the group title and bind events to it? For example, I need to select all the items under a group when the group title is clicked. How can this be achieved?

D9gxzs (forked) - StackBlitz

I've been using Kendo UI for jQuery for several years and I'm now in the process of migrating to Kendo UI for Vue. Mostly things are going well, but there are certain things that seem massively over complicated.

I want to customize the group header cells. There doesn't appear to be a way of providing a slot name like you can for a normal cell. The example given in the documentation seems rediculously over complicated.

Surely there's a simpler way to customise a group header cell, in a similar way to how a cell can be customised with a slot and template?

Hi!

I would like to know how it would be possible to export base64 from the `save` function when exporting from a component.

this.$refs.gridPdfExport.save(itemsToExport);

The default behavior is to just download a pdf, I dont want this functionality.

Thanks!