Edit this page

Clear Selection on All Grid Pages


Product Progress Kendo UI Grid
Progress Kendo UI version Created with the 2017.3.913 version


How can I clear the selection on all Kendo UI Grid pages?


  1. Assign an empty object as the value of the _selectedIds property of the Grid.
  2. Invoke the clearSelection method.
<script src="https://demos.telerik.com/kendo-ui/content/shared/js/orders.js"></script>

<div id="example">
    <div id="grid"></div>
    <button id="button">clearSelection</button>
        $(document).ready(function() {
                dataSource: {
                    data: orders,
                    pageSize: 6,
                    schema: {
                        model: {
                            id: "OrderID"
                selectable: "multiple",
                pageable: {
                    buttonCount: 5
                scrollable: false,
                persistSelection: true,
                navigatable: true,
                columns: [{
                        field: "ShipCountry",
                        title: "Ship Country",
                        width: 300
                        field: "Freight",
                        width: 300
                        field: "OrderDate",
                        title: "Order Date",
                        format: "{0:dd/MM/yyyy}"
                click: function(e) {
                    var grid = $("#grid").data("kendoGrid");
                    grid._selectedIds = {};

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article