I have a grid with a local data source and some editable cells. When a user changes one of the cell's values, it needs to run a few different api calls to get the new values for some of the other cells and then display those. The problem is that when I call .set("fieldName", "value") inside the save command, I get an endless loop. How do I fix this? I have attached a Dojo showing what I mean. If you change the name in the Dojo, the age and DOB should change to something else (I know my example is a little silly given the fields but this is just an example, my real fields are different). Instead, I get an endless loop in the console. 

https://dojo.telerik.com/wmQNdSaZ

Hi,

I have downloaded the zip file from telerik(Progress® Telerik® UI for ASP.NET MVC) site and used in my project. I have licensed version of telerik. I applied license in below approaches
1. Downloaded the key license .txt file and placed in the root folder of project and also added in system variables.
2. Downloaded the script license and placed in the project scripts, refereed in _layout.cshtml page.

Either of the approaches I am getting a warning  message at the top of my application while running the application.

message: both paid and trial usage. Learn how to set up a license key." 

Please guide me how to setup license if I am missing something here.

I have a grid with a filterable cell. A translate pipe is used in its template - this causes that the filter does not work properly, as it recognizes the original values and not the translated ones.

        {
            field: "xxx",
            title: "foo",
            width: "120px",
            template: "{{ 'yyy' | translate }}",
            filterable: {
                cell: {
                    showOperators: false,
                    operator: 'contains',
                    suggestionOperator: "contains"
                }
            }
        },

Is there any way to get the filter values translated as well?

This question is similar to https://www.telerik.com/forums/grid---custom-filtering-function-for-a-particular-column, except that this is related to Kendo for jQuery.

Hi,

I want load dropdown list in a editable grid, I have used below approach. But List was not loading instead I am getting [object object] in textbox.

Can you please help me to find fault. 

I ma using Kendo 2025.3.825 version and it should compile with CSP.

ASP.NET MVC Grid Custom Editing Demo | Telerik UI for ASP.NET MVC

Hi,

I as using Editor Templates for Custom Editable popup window in Kendo grid and I have to configure CSP header "script-src 'self'". I am able to open the editable popup window but getting below error. I was thinking this is due to using Editor Templates. Can you please help to solve this. If not possible any other approach to fix this.

I am using Telerik Kendo 2025.3.825 version

"Executing inline script violates the following Content Security Policy directive 'script-src 'self' 'unsafe-eval' https://www.googletagmanager.com https://www.google-analytics.com'. Either the 'unsafe-inline' keyword, a hash ('sha256-+x7Aqy5UP8GiQGBhhjEJzGrnw0mBj6s2jbzcAjtk9C0='), or a nonce ('nonce-...') is required to enable inline execution. The action has been blocked."

I have a kendo grid and I want the user to be able to reorder the columns but I have the following rules: 

1. Only the unlocked columns can be moved.

2. I don't want them to be able to move them to the locked side of the grid.

3. I don't want the columns on the locked side of the grid to have the drag cursor or tooltip since they should not be reorderable.

How would I achieve this? 

Here is what I tried and it doesn't really work because: 

1. Assuming there are 4 locked columns (columnsBaseLength = 4), moving column 6 to position 5 throws it on the locked side making 5 locked columns rather than making it the first unlocked column.

2. I still see the tooltip when dragging the locked columns around.

        
// Note: order is defined when initializing the grid. It is set to the index of the column.
// Note: columnsBaseLength is set to 4 since I have 4 locked columns.
 
        columnReorder: function (e) {
            let grid = this;
            let columnToMove = e.column;
            let newIndex = e.newIndex;
            let oldIndex = e.oldIndex;

            // Determine if the new index is within the locked column area// This requires knowing the number of currently locked columns
let isMovingIntoLockedArea = newIndex < columnsBaseLength;
            let isLockedColumn = columnToMove.order < columnsBaseLength;
            if (isLockedColumn || isMovingIntoLockedArea) {
                console.warn("Locked columns cannot be reordered. Cannot move to a locked column");
                setTimeout(function () {
                    grid.reorderColumn(oldIndex, columnToMove);
                }, 1);
            } else {
                setTimeout(function () {
                    $.each(grid.columns, function (index, column) {
                        column.order = index;
                    });
                }, 1);
            }
        },

            
            

Hi,

I am using Kendo Grid of 2025.3.825 version, I have observed that when I do sorting on a column,its highlighting with some color  then I removed the sorting but still column was heightening with same color its has to come normal color like other columns.

Can you please help to solve this.

let data = [
  {
    itemId: 1,
    itemName: "Apples",
    itemColor: "Red"
  },
  {
    itemId: 2,
    itemName: "Grapes",
    itemColor: "Green"
  }
];

I have a kendo grid with a local JSON dataSource (Not connected to a server). When a user fills out a form in a modal, I need to then either add, delete, or update the related record in the local kendo grid. What would be the easiest way to do each of these operations so that I don't see the dirty record indicator on the screen? 

Hi,

We are currently using 2021.1.330 version of Telerik UI for ASP.Net now we upgraded to 2025.3.825, Everything working fine but for styles few files I am unable to find with new version. We need same styles as we have in 2021.1.330 version for latest version as well.

Below are the styles we are expecting to have

kendo.bootstrap.min.css

kendo.common.min.css

kendo.default-v2.min.css

Can you please help from I can get those files for 2025.3.825 version

I have a Kendo UI Grid Dojo that I am working on. When I set locked on the columns to "true", some of the columns (country, city, name) disappear.

Update: If I add a width attribute to every column, the columns stop disappearing, however when I then add in reordable, I am able to move unlocked columns over to the locked columns side. Is there a way to prevent users from moving columns from locked to unlocked and vice verca?

Here is the example: 

https://dojo.telerik.com/tVXUmrjz

Javascript: 

$(document).ready(function() {
            $("#grid").kendoGrid({
                dataSource: {
                    transport: {
                        read: "https://demos.telerik.com/service/v2/core/Orders"
                    },
                    schema: {
                        model: {
                            fields: {
                                OrderID: { type: "number" },
                                ShipCountry: { type: "string" },
                                ShipCity: { type: "string" },
                                ShipName: { type: "string" },
                                OrderDate: { type: "date" },
                                ShippedDate: {type: "date" }
                            }
                        }
                    },
                    pageSize: 15
                },
                height: 550,
                pageable: true,
                reorderable: true,
                columns: [
                    {
                        field: "OrderDate",
                        title: "Order Date",
                        width: 120,
                        format: "{0:MM/dd/yyyy}",
                        locked: true
                    },
                    {
                        field: "ShipCountry",
                        title: "Ship Country",
                        locked: true
                    },
                    {
                        field: "ShipCity",
                        title: "Ship City"
                    },
                    {
                        field: "ShipName",
                        title: "Ship Name"
                    },
                    {
                        field: "ShippedDate",
                        title: "Shipped Date",
                        format: "{0:MM/dd/yyyy}",
                        width: 200
                    },
                    {
                        field: "OrderID",
                        title: "ID",
                        width: 80
                    }
                ]
            });
        });