title: kendoui Grid & React : selectable row allows to select one row in each page
body: <p>By setting <code>selectable: row</code>. The grid allow you to select an item in each page. I just want to select only one row in the Grid and limit the selected row to 1. </p>
  
  <pre><code>&lt;Grid
          {...{
            dataSource: dataSource,
            sortable: sortable,
            selectable: selectable,
            scrollable: false,
            navigatable: true,
            filterable: filterable,
            allowCopy: allowCopy,
            pageable: pageable,
            perPage: perPage,
            editable: editable,
            change: e =&gt; e.sender.selectedKeyNames()),
            persistSelection: true,
            columns: [
              {
                template: "&lt;span class='sl-select-check'&gt;&lt;/span&gt;",
                attributes: { class: 'sl-select-check-td' }
              },
              ...columns
            ]
          }}
        /&gt;
  </code></pre>