anchor.diff:          },
           schema: {
             model: Restaurant
  -        }        
  +        },
  +        pageSize: 10      
         });
  -      
  +            
         var selectedRestaurant;
         
         $('#restaurants-grid').kendoGrid({
  
positive.code:         selectable: true,
          sortable: true,
          groupable: false,
          toolbar: ["create"],
          
          columns: [ 
            {field: "name", width: 50, title: "Name"}, 
            {field: "owner_name", width: 50, title: "Owner"}, 
            {field: "reservation_email", width: 70, title: "Reservation Email"},
            {field: "survey_url", width: 70, title: "Survey URL"},
            {field: "created_at", width: 30, title: "Create Date", format: "{0:MM/dd/yyyy}"},
            {command: ["edit", "destroy"], width: 60, title: "&nbsp;"}],
          editable: "inline",
          
          change: function() {
            var id = this.select().data("uid");
  
negative.code: block content
  
    h3 Edit a restaurant
    
    script(id="rowTemplate", type="text/x-kendo-tmpl").
      <tr data-uid="#= uid #" class="k-alt" role="row">
        <td role="gridcell">
          #: name #
        </td>
        <td role="gridcell">
          #: owner_name #
        </td>
        <td role="gridcell">
            #: reservation_email #
        </td>
        <td role="gridcell">
            #: survey_url #
        </td>
        <td role="gridcell">
            #: created_at #
        </td>
        <td role="gridcell">
          <a class="tiny button k-grid-edit" href="\\#">Edit</a>
          <a class="tiny button k-grid-delete" href="\\#">Delete</a>
        </td>
      </tr>
    
    script.
      $(document).ready(function() {
  