RowPin

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  pinnable: true,
  contextMenu: true,
  rowPin: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
    console.log("Pinning:", e.dataItem.name);
  }
});
</script>

<div id="grid"></div>
<script>
function grid_rowPin(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("Pinning:", e.dataItem.name);
}
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  dataSource: {
    data: [
      { id: 1, name: "Jane Doe", age: 30 },
      { id: 2, name: "John Doe", age: 33 }
    ],
    schema: {
      model: { id: "id" }
    }
  },
  pinnable: true,
  contextMenu: true
});
var grid = $("#grid").data("kendoGrid");
grid.bind("rowPin", grid_rowPin);
</script>