网格/复选框选择不显示复选框

Question

我尝试在代码中使用Grid / Checkbox selection，但是它不起作用，并且在gridview的数据行中没有显示任何复选框。

这是我的代码：

$("#personnelGrid").kendoGrid({
    dataSource: [],
    pageable: {
        numeric: false,
        previousNext: false,
        messages: {
            display: "تعداد {2} رکورد نمایش داده شده است",
            empty: "اطلاعاتی برای نمایش وجود ندارد"
        }
    },
    change: function (arg) {
        // do something
    },
    columns: [

        {selectable: true, width: "50px"},
        {field: "personnelIOId", title: "", hidden: false},
        {field: "personnelId", title: "", hidden: false},
        {field: "nationalId", title: "کد ملی"},
        {field: "firstName", title: "نام"},
        {field: "lastName", title: "نام خانوادگی"},
        {field: "lastEnterDate", title: "تاریخ ورود"},
        {field: "lastEnterTime", title: "ساعت ورود"},
        {field: "skill", title: "تخصص"},
        {
            field: "",
            title: "جزییات",
            width: 100,
            template: "<img src='/resources/content/icon/info_red.png' class='detailsIconGrid' onclick='displayDetails(#=personnelId#)'/>"
        }
    ],
    dataBound: function (e) {
        $(".checkbox").bind("click", function (e) {
            e.stopPropagation();
            $(e.target).closest("tr").toggleClass("k-state-selected");
        });

        var rows = e.sender.element.find("tr");
        rows.each(function (e) {
            $(this).children().first().on("click", onFirstTDClick);
        })
    }
});

我将代码数据的其他位置添加到网格中。