Dear Kendo support team,

I use Kendo UI grid within a Bootstrap Responsive Layout and  would like to add 2 items to the grid's column menu.

One for increasing the current column width by a certain amount and one for the shrinking the width. Ideally I would like to have an icon as menuitem.

Please give me some advise how to manage this.

Thank you in advance

@(Html.Kendo().ListView<Kendo.Mvc.Examples.Models.ProductViewModel>(Model)
    .Name("listView")
    .TagName("div")
    .ClientTemplateId("template")
    .DataSource(dataSource => {
        dataSource.Read(read => read.Action("Products_Read", "ListView"));
        dataSource.PageSize(12);
    })
    .Pageable()        
)

Though we mention 12 in the pagesize, I am getting all my records to the view. Please help how to show the no. of
records as per our choice.


Regards,
Rohit

    var ds = new kendo.data.DataSource({
        transport: {
            read: {
                url: 'url to get data',
                dataType: "json"
            }
        },
        change: OnDataChange,
        requestStart: OnDataRequestStart
    });

function OnDataChange(e) {
    if (IsDataRequested) {
        // save it to cache
        $.jStorage.set("LargeData", e.sender.data());
        IsDataExists = true;
        IsDataRequested = false;
    }
}
 
function OnDataRequestStart(e) {
    if (IsDataExists) {
        e.preventDefault();
    }
    else {
        // Check if "key" exists in the storage
        var value = $.jStorage.get("LargeData");
        if (value) {
            IsDataExists = true;
            e.preventDefault();
            e.sender.data(value);
        }
        else {
           // Read data from server
            IsDataRequested = true;
        }
    }
}

• Issue happens only on the first drop panel that is clicked, once its open it doesn't close, all the other combos work except the first one that is clicked.
• Issue does not happen when there is more content on the page, basically page height is large enough.