pagination

by stitot

HTML

<script src="https://cdn.jsdelivr.net/npm/@highcharts/grid-pro/grid-pro.js"></script>


    <div id="container"></div>

CSS

@import url("https://cdn.jsdelivr.net/npm/@highcharts/grid-lite/css/grid-lite.css");

JavaScript

const data2 = {
  uid: [1, 2, 3, 4, 5, 6, 7],
  stock: [true, false, true, false, true, true, true],
  name: ['Phone', 'Bread', 'Shirt', 'Laptop', 'Milk', 'Jeans', 'Tablet'],
  sku: [
    'ELE-001',
    'FOO-123',
    'CLO-456',
    'ELE-002',
    'FOO-456',
    'CLO-789',
    'ELE-003',
  ],
  category: [
    'Electronics',
    'Food',
    'Clothing',
    'Electronics',
    'Food',
    'Clothing',
    'Electronics',
  ],
  price: [699.99, 10.5, 29.99, 1199.99, 12, 49.99, 500],
  discount: [20, 0, 40, 0, 0, 15, 30],
  trend: [
    [20,12,9,10],
    [10,12,20,10],
    [9,12,13,14],
    [20,12,9,10],
    [10,12,20,10],
    [9,12,13,14],
    [8,13,10,20],
  ],
};




    Grid.grid("container", {
      dataTable: {
        columns: data2,
      },
      
      
      
      
    });