How to use the cheetah-grid.ListGrid function in cheetah-grid

To help you get started, we’ve selected a few cheetah-grid examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github future-architect / cheetah-grid / packages / demo / src / vue / WelcomePage.vue View on Github external
function createGrid (el, v) {
  const personsDataSource = generatePersonsDataSource(1000000)

  const startTime = new Date()

  const grid = new cheetahGrid.ListGrid({
    parentElement: el,
    header: [
      { field: 'check', caption: '', width: 50, columnType: 'check', action: 'check' },
      { field: 'personid', caption: 'ID', width: 85 },
      {
        field: 'stars',
        caption: 'Class',
        width: 150,
        columnType: new cheetahGrid.columns.type.IconColumn({
          name: 'star'
        }),
        style: {
          color: 'gold'
        },
        action: new cheetahGrid.columns.action.InlineMenuEditor({
          options: [

cheetah-grid

Cheetah Grid is a high performance grid engine that works on canvas

MIT
Latest version published 3 months ago

Package Health Score

76 / 100
Full package analysis