Как заблокировать столбец в Kendo UI Vue Grid (родной) - PullRequest
Новая
       9

Как заблокировать столбец в Kendo UI Vue Grid (родной)

0 голосов
/ 30 января 2019

Я пытаюсь закрепить / заблокировать столбец с левой стороны, используя Native Grid

Я хочу не использовать оболочку, потому что моя таблица динамически настраивается конечным пользователем,Проблема в том, что свойство locked, похоже, полностью игнорируется.

HTML 

<Grid ref="grid" 
  :style="{height: 'auto'}" 
  :data-items="items" 
  :resizable="true" 
  :columns="columns" 
  :edit-field="'inEdit'"></Grid>

Данные 

items = [
  {"column1": "1", "inEdit": true},
  {"column1": "2", "inEdit": true},
  {"column1": "3", "inEdit": true}
];
columns = [{
    "minResizableWidth": 50,
    "width": 100,
    "title": "Column 1",
    "field": "column1",
    "sortable": true,
    "editable": true,
    "locked": true,
    "editor": "text"
  },
  {
    "minResizableWidth": 50,
    "width": 200,
    "title": "Column 2",
    "field": "column2",
    "sortable": true,
    "editable": true,
    "editor": "text"
  },
  {
    "minResizableWidth": 50,
    "width": 200,
    "title": "Column 3",
    "field": "column3",
    "sortable": true,
    "editable": true,
    "editor": "text"
  }
];

Результат:

enter image description here

1 Ответ

0 голосов
/ 03 февраля 2019

Заблокированные столбцы в Kendo UI Vue Grid (родной), где только что выпущен, и вы можете проверить демонстрацию в этом примере stackblitz .

(начальный ответ). Заблокированные столбцы еще не доступны вновый Vue Grid Kendo Native (не зависящий от jQuery), но он уже находится в состоянии «готов к тестированию» и, вероятно, будет доступен на следующей неделе.Я обновлю свой ответ, как только эта функция выйдет.

...