kendo grid

by merganser

HTML

<script src="https://kendo.cdn.telerik.com/2014.1.318/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css">
<div id="grid"></div>

JavaScript

$(document).ready(function() {
  var dataSource = new kendo.data.DataSource({
    pageSize: 20,
    dataSource: {
      type: "odata-v4",
      transport: {
        read: 

{
                                url: function () {
                                    return "/api.rsc/PQSystems_Products/";
                                },
                                xhrFields: {
                                    withCredentials: true
                                }
                            }


      }
    },
    schema: {
      model: {
        id: "ProductID",
        fields: {
          ProductID: {
            editable: false,
            nullable: true
          },
          Name: {
            validation: {
              required: true
            }
          }
        }
      }
    }
  });

  $("#grid").kendoGrid({
    dataSource: dataSource,
    pageable: true,
    height: 550,
   
    columns: [

       {
        field: "Name",
        title: "Product Name"
      }
    ],
    editable: false
  });
});