i have set my th with style="width:240px !important;".

but when the table get render, the actual width of the cell get shrink to 180px. 

kendo grid seems to be trying to shrink the table to fit into the container.

my js to render kendo grid is

 $(document).ready(function() {
            $("#kendo-table").kendoGrid({
                sortable: true,
                scrollable: false,
                sort: function(e) {
                    // Prevent the default behavior.
                    e.preventDefault();
                    // Check which column is being sorted. We only need to change the sorting behavior for the first column(the one with the link).
                    let field = e.sort.field;

                    if (field == "link") {
                        // Specify a custom compare function
                        e.sort.compare = function(a, b, desc) {
                            // Extract only the part between <a></a>.
                            let aNoHref = a.link.trim().match(/<a [^>]+>([^<]+)<\/a>/)[1];
                            let bNoHref = b.link.trim().match(/<a [^>]+>([^<]+)<\/a>/)[1]
                            // Compare the two values.
                            return aNoHref.localeCompare(bNoHref);
                        }
                    }
                    // Sort the dataSource manually.
                    this.dataSource.sort(e.sort);
                },
                pageable: {
                    pageSizes: false,
                    messages: {
                        display: "" // set it to an empty string
                    }
                }
            });

            $("#kendo-table").data("kendoGrid").dataSource.pageSize(10);
        });

Hi

I found bug into the Items of Tab component.

When you create Tab and write 3 TabItems for it, all of the component are correct but when you want create other tab into the first or second part of TabItem with 2 tabitems, you will expect to see one main Tab with 3 TabItems and other Tab with 2 Tabitems into the first tabItem of first Tab. But you will see one Tab with 5 Tabitems So main Tab merge all of TabItems with together.

<Tab id="mainTab">
    <TabItem id="item1">
          <Tab id="childTab">
               <TabItem id="childItem1">
                    Content 1
                </TabItem>
                  <TabItem id="childItem2">
                    Content 2
                </TabItem>
           </Tab>
     </TabItem>
     <TabItem id="item2">
             Content 2
     </TabItem>
     <TabItem id="item3">
             Content 3
      </TabItem>
</Tab>

Thanks for solving this problem or for guiding me.

Hı everyone,

kendo grid reloading after update not working ?

Could you help?

Thank you

Please advise me to change the default Open Close animation of the Kendo grid popup window,

I tried to like this, but the default open-close animation(zoom-in and zoom-out) can't change,

anyone knows the way to change the open & close animation.

Hi,

Drawer widget with overlay mode suits my needs for left positioned menu. However, I would like to be able to display something on overlay when option on drawer is selected.

For example, if i open menu and click first item on the list, I get small form open in overlay.

Is it possible to achieve this? (I don't want to use push mode of the drawer and then create overlay completely manually - moving main view is not an option at the moment).

Thank you very much.

All the best

Vedad

I am trying to use tileLayout to display the names and logos of commonly used applications. 

To achieve this, I would like to have the image in the body of the card to be clickable and redirect to its respective URL. Currently I am getting an Invalid Template error.

    <script id="header_@action.Id" type="text/x-kendo-template">

      <a href="@action.Url">@action.Label</a>

    </script>

Hello ,

I want to multiple sheet with different type data when i click on tab name than that sheet data should show how to do this in kendo spreadsheet can you explain  ? 
and different sheet have different type of columns how to do that please help me to solve this problem. Thanks 
<div id="spreadsheet"></div>
<script>
    $("#spreadsheet").kendoSpreadsheet({
        sheets: [{ name: "Sheet1" }, { name: "Sheet2" }]
    });
    var sheets = $("#spreadsheet").data("kendoSpreadsheet").sheets();
    $("#spreadsheet").data("kendoSpreadsheet").activeSheet(sheets[1]);
</script>