Как выбрать несколько строк и сдвинуть правую / левую сетку кендо в мобильном телефоне

Question

Я пытаюсь простое веб-приложение. У меня есть данные и отображение в сетке кендо с несколькими столбцами (идентификатор, имя, фамилия, сумма и т. Д.). Когда я выбираю несколько строк и нажимаю кнопку, вычисляется средняя сумма и отображается всплывающее окно. Все хорошо в веб-браузере, но когда я использую в мобильном телефоне, я выбираю несколько строк, но я не могу скользить вправо / влево, поэтому я не вижу других столбцов, я просто вижу 2 столбца или 3 столбца. Я хочу выбрать несколько строк и скользить вправо / влево одновременно. Как я могу это сделать ?

Это мой код JS

var kendoResource = getKendoResourceOptions();
            options.columns[7].footerTemplate = 'Total: #: data.CreditAmount ? kendo.format("{0:C2}",data.CreditAmount.sum): 0,00 #';            
            
            $("#grid").kendoGrid({
                        toolbar: [{ name: "excel", text: kendoResource.toolbar.messages.excel }],
                        excel: {
                            fileName: "OpenPosOKCItemsList.xlsx",
                            allPages: true,
                            filterable: true
                        },

                        groupable: kendoResource.groupable,
                        scrollable: true,
                        sortable: true,
                        selectable: "multiple", // Here is multiple select for row
                        pageable: kendoResource.pageable,
                        columns: options.columns,

                        excelExport: function(e) {
                            var rows = e.workbook.sheets[0].rows;
                            var total = 0;
                            for (var ri = 0; ri < rows.length; ri++) {
                              var row = rows[ri];
                              if(row.type == "data"){
                                      total = total + row.cells[7].value;
                              }
                              else if (row.type == "group-footer" || row.type == "footer") {
                                for (var ci = 0; ci < row.cells.length; ci++) {
                                  var cell = row.cells[ci];
                                  if (cell.value) {                
                                    cell.value = "Total: " + total;
                                   
                                    cell.hAlign = "right";
                                  }
                                }
                              }
                            }
                          }
                    });