# Jump to the Specified Cell

Example below shows the usage of jumping to the specified cell.
In this example, cursor jumps to cell, no column is 7.

<button class="jump">jump</button>
<div class="sample1 demo-grid small"></div>
1
2
const records = [
  { check: true, no: 1, name: "Cat" },
  { check: false, no: 2, name: "Tiger" },
  { check: true, no: 3, name: "Leopard" },
  { check: false, no: 4, name: "Jaguar" },
  { check: true, no: 5, name: "Cheetah" },
  { check: true, no: 6, name: "Lion" },
  { check: false, no: 7, name: "Ocelot" },
];
const grid = new cheetahGrid.ListGrid({
  parentElement: document.querySelector(".sample1"),
  header: [
    {
      field: "check",
      caption: "check",
      width: 80,
      columnType: "check",
      action: "check",
    },
    {
      field: "no",
      caption: "no",
      width: 50,
    },
    {
      field: "name",
      caption: "name",
      width: 200,
    },
  ],
});
grid.records = records;

const jumpButton = document.querySelector(".jump");
jumpButton.onclick = function () {
  grid.makeVisibleGridCell("name", 6);
  grid.focusGridCell("name", 6);
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
Last Updated: 10/23/2024, 6:31:33 AM