Bug report

Reproduction of the problem

https://dojo.telerik.com/umOWEMEx

1. Drag and drop Company Name to the group area, to make the grid group by Company Name

2. Reorder Contact Info next to Company Name by drag and drop the column header (from unlocked to locked)

3. Reorder Contact Info back to original place (from locked to unlocked)

Current behavior

The header of Contact title is showing at the left side of Company Name

Expected/desired behavior

The header of Contact title is showing under Contact Info

Bug report

When custom Virtual DropDownList filter is set the value is not cleared from the DropDownList on Clear button click

Reproduction

https://dojo.telerik.com/ULIgEpis

1. Filter Ship Name column

2. Open the filter menu and hit Clear

3 Open Filter menu again

Expected/desired behavior

Value shall be cleared from the DropDownList

Environment
Kendo UI version: 2021.1.301
Browser: all

### Bug report

When reordering expanded rows, the "rowReorder" event does not return a correct "oldIndex".

### Reproduction of the problem

1. Create a hierarchical grid and enable the reorderable.rows property;

2. Expand all rows;

3. Handle the "rowReorder" event and log the event data in the browser console;

4. Move the second row above the first row. The property "oldIndex" returns a wrong value. It should be "1".

A Dojo sample for reproduction: https://dojo.telerik.com/AJIGuBEh

### Expected/desired behavior

The "rowReorder" event of the grid should return the correct indexes of the moved row.

### Environment

* **Kendo UI version: 2022.1.301
* **jQuery version: 1.12.4
* **Browser: [all]

Hi Team,

I would like to request adding RowVersion support to the Kendo UI Grid.  Currently, I am using a workaround of setting it during the save event, but you guys really need to fix that. 

Thanks!

The current version of Kendo UI no longer allows you to align column headings as described in the demo https://demos.telerik.com/kendo-ui/grid/cell-alignment

It occurs because a nested tag (k-link) is set as display: flex;

You can see an example of it on your own demo site (link above) - Ship City header should be centered but isn't.

{
    field: "ShipCity",
    title: "Ship City",
    headerAttributes: { style: "text-align: center" },
    attributes: { style: "text-align: right" }
}

Bug report

When the columns.sortable.initialDirection configuration is set it is not respected

columns: [{
      field: "id",
      sortable: {
        initialDirection: "desc"
      }
    }],

Reproduction of the problem

1. Run this dojo

Current behavior

Note the userId column is not sorted in descending order

Expected/desired behavior

Column should be sorted in descending order

Workaround

Use the dataSource sort configuration option to set the sort order - example

Environment

• Kendo UI version: 2022.1.119
• Browser: [all]

Bug report

Currently if the grid has its selection mode set to a "single" row, the user ca select one row on each page. The "single" row selection should be global, not page specific.

Ticket ID

Reported in ticket 1550865

Reproduction of the problem

Run the following example:

https://dojo.telerik.com/@gdenchev/aToMonEy

Select a row on the first page. Go to the second page and select another row. Go back to the first page. The row is still selected, even though we selected a different row on page 2.

Current behavior

Currently the user can select one row on each page.

Expected/desired behavior

If a row is selected, all other rows across all pages, should be deselected.

Environment

• Kendo UI version: 2022.1.119
• Browser: [all]

Workaround

A workaround is provided in the following Dojo example:
https://dojo.telerik.com/@PMcDonou/oWOyIpAg

Hi Team,

I'd like to request the functionality to change the format of a Kendo UI Grid column without needing to call the setOptions method.  This would be nice to avoid additional Read calls.

Thank you!

Hello, 

A couple feature requests...

Clear the built in search box value.

clearSearch - clears the search box

e.g.,

var grid = $("#grid").data("kendoGrid");
grid.clearSearch();

Customize validation text via schema model fields validation.

e.g.,

var grid = $("#grid").data("kendoGrid");
const dataSource = new (<any>self).kendo.data.DataSource({
                data: models,
                schema: {
                    model: {
                        id: "id",
                        fields: {
                            id: { editable: false, nullable: true },
                            modelName: { validation: { required: true, messages: {required: "Model name is a required field"} } },
                            ...

We are using kendo Datagrid where we wanted to apply pagination.

We are using pageSizes property of pageable object to set the no of items per page to render. We are also using buttonCount property to control the number of buttons.

Problem : For example I have 200 records , if I set pagesSizes=1 so technically I will have 200 paging button and if i set buttonCount to 60 than UI gets distorted. Find below is stackblitz URL where I have set pagesSizes=1 and if you set Maximum number of buttons = 70 UI will break.

URL : https://cuezkg--run.stackblitz.io/ 

There's a discrepancy between the header and rest of the rows when the selected rows are coppied and pasted in Excel.

Bug report

When using specific themes for a scrollable Kendo UI Grid which have long titles within the column header, the sort icon are partially shown or not shown.

Reproduction of the problem

1. Please check out this Progress Kendo UI Dojo
2. Sort the first column

Current behavior

The sort icon is not shown upon sorting.

Expected/desired behavior

The sort icon should be shown as expected with every theme.

Environment

• Kendo UI version: 2021.3.1109
• jQuery version: 3.6
• Browser: all

Hi Team,

I would like to request the functionality to easily modify group and sub group headers with specific templates for aggregation, and have it built-in to the API.  For example, the group header could contain the total within the large group, and the sub group would contain each individual section.  Additionally, it would be nice to be able to reference each to better select each section.

Thank you!

You guys do such a great job of allowing us to extend your product for our needs. And I know that you have recently added the Search Panel to allow us to perform a search against the dataSource. However, I would like to put that search box/button somewhere else completely on my page.

I've been able to get around this by using the code in kendo.grid.js to use my own click/keypress events to invoke the filter based on the new search options.

configureSearch(inputSelector: string, clickSelector: string) {
    const searchFn = this.search;
    if (this.grid.options.search == null) {
        throw "search field(s) not set for grid.";
    }

    const inputElement = $(inputSelector).keypress(function (this: HTMLElement, e) {
        const keycode = (e.keyCode ? e.keyCode : e.which);
        if (keycode === 13) {
            searchFn($(this));
        }
    });
    $(clickSelector).click(e => {
        searchFn(inputElement);
    });
}
private search(inputElement: JQuery<HTMLElement>) {
    const options = this.grid.options;
    const dsOptions = this.dataSource.options as kendo.ui.GridScrollable;  // HACK: dataSource.options isn't really a GridScrollable, but it's similar
    let searchFields: string[] | any = options.search ? options.search.fields : null;
    let expression: kendo.data.DataSourceFilters = {
        filters: [],
        logic: "or"
    };
    const value = inputElement.val();
    if (!searchFields) {
        searchFields = getColumnsFields(options.columns);
    }
    // NOTE: Thankfully we don't use endless
    if (dsOptions.endless) {
        dsOptions.endless = null;
        //(this as any)._endlessPageSize = this.dataSource.options.pageSize;
    }
    if (value) {
        for (let i = 0; i < searchFields.length; i++) {
            expression.filters.push({
                field: searchFields[i],
                operator: "contains",
                value: value
            });
        }
    } else {
        expression = {};
    }
    this.dataSource.filter(expression);

    // from Telerik:
    function leafColumns(columns: kendo.ui.GridColumn[]): kendo.ui.GridColumn[] {
        /* Hiding ... go see Telerik source code */
    }
    function getColumnsFields(columns: kendo.ui.GridColumn[]): string[] {
        /* Hiding ... go see Telerik source code */
    }
}

Hi Team,

I would like to request the Kendo UI Grid to allow virtual scrolling with smaller pagesizes.  I understand right now it is a limitation, but I would like to see this functionality in the future if possible.

Thank you!

Hi,

The buttons And/Or in the column menu filter are not translated. They are in English even if the language is set to Swedish.

This is only when componentType is set to "modern". When it is set to "classic" the button language is correct.

See Dojo and attached screenshots.

Untitled | Kendo UI Dojo (telerik.com)