@callcorpacd/platform-ui-grid

CcGrid for CallCorp sandbox guests and client-side native pages. Uses ag-Grid Community.

For server-side row model (paged API lists), use @callcorpacd/platform-ui-grid-enterprise on hosts that register AG Grid Enterprise modules and a valid license (portal bootstrap or partner-owned key).

Install

npm install @callcorpacd/platform-ui-grid ag-grid-community ag-grid-vue3 vue quasar

Host must also import ag-Grid theme CSS:

import 'ag-grid-community/styles/ag-theme-alpine.css';
import '@callcorpacd/platform-ui-grid/css';

Usage

<script setup>
import { ref } from 'vue';
import { CcGrid } from '@callcorpacd/platform-ui-grid';

const rows = ref([
  { id: 1, name: 'Alpha' },
  { id: 2, name: 'Beta' },
]);
const selected = ref([]);
const columns = [
  { field: 'id', headerName: 'ID', width: 80 },
  { field: 'name', headerName: 'Name' },
];
</script>

<template>
  <CcGrid
    v-model:selection="selected"
    :columns="columns"
    row-model="clientSide"
    :rows="rows"
    height="fill"
    :page-size="50"
  />
</template>

See GRID_FEATURES.md for Community vs Enterprise capabilities.