I am using a row template script in my kendo grid. By default, I want some columns to be hidden using the hidden: true property. When the grid is rendered, the column header of the hidden column does not appear, but the row data is still present. Here's a dojo showing my problem: https://dojo.telerik.com/IjUkuLAw

I also tried passing my column object as parameter to the template and then using some if-else condition inside it. This surely hides the column, but then if I want to hide any other column or show the previously hidden column using the columnMenu and then refresh the grid, the same problem arises. Here's an example: https://dojo.telerik.com/oMokUMUT/3

Also, I don't want to use any column template and would want to use the row template itself.

i have datepicker with mindate: 04/25/2020. today is 04/28/2020 and i disabled dates  < today, so how can I display 04/25/2020 in datepicker

my code:

Hi.

I'm having issues trying to display tooltips only for grid headers and cells that have ellipsis using the logic indicated here:

http://docs.telerik.com/kendo-ui/controls/layout/tooltip/how-to/show-on-ellipsis

Here is an example:

http://dojo.telerik.com/OjUJI

The issues I'm experiencing:

1. When hovering over an element for the first time, an empty tooltip is displayed.

For example, hover over the OrderID column header right after clicking on the "Run" button. If you move the mouse out of the column header than back, no tooltip is displayed. I didn't expect an empty tooltip to be displayed for this element at all, even during the first mouse over.

2. Grid headers with ellipsis don't display a tooltip.

For example, hover over any of the last three columns.

I expected a tooltip to be displayed.

3. Not all grid cells with an ellipsis display a tooltip.

For example, hover over the cells with a "Ship Name" containing any of the following values:

a. Vins et alcools Cheva...

b. Victua... en stock

Thank you.

We have requirement to display pager for grid in below format

1 2 3 4 5 >
< 6 7 8 9 10 >
<11 12 13 14

Displaying like below format currently

|< < 1 2 3 4 5  > >|

Can you please suggest how to achieve this feature

I have a Dialog with 4 fields, the first 3 are cascading dropdowns and the 4th is a free entry field

If the user selects an item from the first  dropdown, the next two dropdowns are populating and showing values but if the user clicks straight to the 4th field, then nothing has been selected these two fields. In this case I want the 1st item in the 2nd and  3rd dropdowns to be selected automatically 

Here's the code for the 2nd field where I've been playing around unsuccessfully with the dataBound and  'this.select' lines following suggestions on this forums but the 'this' doesn't appear to be populated

    function cascadeComponentDropDownEditor(container, options) {
        $('<input id="componentDDL" disabled data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .svDropDownList({
                autoBind: false,
                dataTextField: "Name",
                dataValueField: "Id",
                select: onComponentSelect,
                dataSource: {
                    type: "json",
                    transport: {
                        read: componentDropdownUrl
                    }
                },
                dataBound: function() {
                if (this.dataSource.total() > 0)
                    this.select(0);
                }
            }).data("svDropDownList");
    }

i have two input controls and i have given validation is js file in below format which is working as expected and i am assigning values from data base to those controls. first input is populating value and for second control if we click on text box then only it is showing value.

setTimeout(function () { $("#numerictextbox").kendoNumericTextBox({ min: 1, max: 9999, format: "#", decimals: 0 }).siblings('input:visible').focus(); }, 1000); setTimeout(function () { $("#Priority").kendoNumericTextBox({ min: 1, max: 9999, format: "#", decimals: 0 }).siblings('input:visible').focus(); }, 1000

Hi,

Is there a way to show on which column sorting was applied? similar to 

.k-spreadsheet-filter.k-state-active {
  background-color: lightblue;
}