hi

I have written the code but when I click on the Edit button will not open the windows popup "Columns" did not use my field, but I've used "colgroup" Now how do I click on the Edit button to open the window popup There is no way that it can be used without "Columns" Field Otherwise, how can I use? I've even used the "Columns" Field popup window did not open again the same code that comment Is I put here my code

Code:
  <script>

        $(document).ready(function () {
            var crudServiceBaseUrl = "/api/clientssnapshot";
            var ds = new kendo.data.DataSource({

                transport: {

                    read: {

                        url: '/api/clientssnapshot',
                        dataType: 'json',
                        type: 'get',
                        cache: false
                    },
                    //    update: {
                    //        url: crudServiceBaseUrl + "/Products/Update",
                    //        dataType: "jsonp"
                    //    },
                    //    destroy: {
                    //        url: crudServiceBaseUrl + "/Products/Destroy",
                    //        dataType: "jsonp"
                    //    },
                    //    create: {
                    //        url: crudServiceBaseUrl + "/Products/Create",
                    //        dataType: "jsonp"
                    //    },
                    //    parameterMap: function (options, operation) {
                    //        if (operation !== "read" && options.models) {
                    //            return { models: kendo.stringify(options.models) };
                    //        }
                    //    }

                },
                batch: true,
                pageSize: 10,

            });
            var clientrowtemplate = kendo.template($("#client-row-template").html());
            $('.table').kendoGrid({

                dataSource: ds,
                sortable: true,
                groupable: true,
                selectable: true,
                navigatable: true,
                height: 500,
                scrollable: true,
                pageable: true,
                editable: "popup",

                rowTemplate: kendo.template($("#client-row-template").html().replace('class="k-alt"', '')),
                altRowTemplate: kendo.template($("#client-row-template").html()),//@class="k-alt"@

                // columns: [
                //{ command: ["edit", "destroy"], title: "&nbsp;", width: "160px" },

                // ],
                //  { template: clientrowtemplate },
                //  { field: "Mac", title: "Mac" },
                //  { field: "RadioName", title: "Radio" },
                // { field: "ApName", title: "Ap" },
                // { field: "RemoteIp", title: "Remote Ip" },
                // { field: "TX", title: "TX" },
                // { field: "RX", title: "RX" },
                // { field: "Signal", title: "Signal" },

                // { field: "Uptime", title: "Uptime" },
                // { field: "Usage", title: "Usage" }

                // ],

                dataBound: function () {
                    $('.spark').sparkline([1, 2, 3, 4, 5, 6, 85, 2, 1]);
                    //$('.spark').each(function (i, e) {
                    //    var $this = $(this);
                    //    //console.info($this.attr('data-inrate'));
                    //    var arr = eval('[' + $this.attr('data-inrate') + ']');
                    //    console.log(this);

                    //    $this.sparkline(arr);
                    //});

                }

            });

            $(".ref").click(function () {

                $(".table").data("kendoGrid").dataSource.read();

            });

        });
    </script>
   
   <body>
   
   
   
   <div class="span6 box gradient main_stting">

                <div class="dataTables_filter" id="txtSearch">

                    <label>
                        Search:
                        <input type="text" aria-controls="DataTables_Table_0"></label>
                </div>

                <div class="title">
                    <button class="btn ref" type="submit">Refresh</button>
                    <h3></h3>
                </div>
                <div class="content">

                    <table class="table">
                        <colgroup>
                            <!-- Mac           -->
                            <col style="width: 170px">
                            <col style="width: 150px">
                            <col style="width: 80px">
                            <col style="width: 160px">
                            <col style="width: 130px">
                            <col style="width: 44px">
                            <col style="width: 50px">
                            <col style="width: 50px">
                            <col style="width: 78px">
                            <!-- Usage         -->
                            <!--                 <col style="width: 100px" />-->
                        </colgroup>
                        <thead>
                            <tr>
                                <th>Mac</th>
                                <th>Radio</th>
                                <th>AP</th>
                                <th>Remote IP</th>
                                <th>Name</th>
                                <th>TX</th>
                                <th>RX</th>
                                <th>Signal</th>
                                <th>Uptime</th>
                                <th>Usage</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>