kendo-grid

I know there is an easy way to set fixed height of a Kendo UI grid through their API but for our specific needs, I need to make the grid expand in full height of its wrapper. With the following markup structure, I set .wrapper to height:600px and I tried to give .k-grid-content height:100% but it doesn't expand. #grid expands to 100% with height:100% but I need the inside contents to expand as well. How do I achieve that? Here is the demo JS BIN <div class="wrapper"> <div id="grid"> <div class="k-grid-header"></div> <div class="k-grid-content"></div> <div class="k-grid-pager"></div> </div> <

I'm trying to display a friendly message (like "No records found, try again later" ) within the grid content, when there are no records in the database. From what I've seen in the docs , there is currently no way of doing this for the grid content. It's only doable for the footer. You can see the example in this fiddle: http://jsfiddle.net/lav911/uNWXJ/ I've purposely misspelled the data route, in order to have an empty grid. To see it with content, simply comment / uncomment these lines: transport: { // read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers" read: "http:/

In my MVC5 application I have an enum class as shown below and with this approach I can pass the enum values i.e. US, UK instead of United States" from Controller to View. How can I pass and display enum description with the following approach? I tried many different solution method as C# String enums , etc. but none of them solved my problem. On the other hand, I do not want to use sealed class and it would be better for me a solution with enum class as shown below: Enum: public enum Country { [Description("United States")] US = 1, [Description("United Kingdom")] UK = 2, [Description("New

I am using Asp net 5, NHibernate 3.3 and Kendo UI MVC wrapper for grid to render the table of client orders. There are lots of orders in database already and the number is constantly growing. So I decided to use server side paging to avoid fetching all orders from database. As far as I know you can't do paging manually and delegate filtering, sorting and grouping to ToDataSourceResult method. It's either all or nothing. Therefore I made an attempt to implement so called 'custom binding' . No problem until I get to grouping. I need to group first, then sort inside of a group, then extract data

I have kendo grid in asp.net mvc and i use server wrapper.I want Additional column named "Row Number" that is simple counter (1,2,3,...). I want this counter never change by client sorting. Always first row be 1 second row be 2 ,... in column "RowNumber" how can I do this in kendo grid ? You can use the dataBound event: $("#grid").kendoGrid({ sortable: true, dataSource: [{ name: "Jane Doe", age: 30 }, { name: "John Doe", age: 33 }], columns: [{ field: "name" }, { field: "age" }, { field: "rowNumber", title: "Row number", template: "<span class='row-number'></span>" }], dataBound: function () {

I'm new in using Kendo Grid and Kendo UI . My question is how can i resolve this Error Uncaught TypeError: Cannot read property 'replace' of undefined This is my Code on my KendoGrid $("#Grid").kendoGrid({ scrollable: false, sortable: true, pageable: { refresh: true, pageSizes: true }, dataSource: { transport: { read: { url: '/Info/InfoList?search=' + search, dataType: "json", type: "POST" } }, pageSize: 10 }, rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')), altRowTemplate: kendo.template($("#rowTemplate").html()) }); Line that Causes the Error rowTemplate: kendo