FancyGrid Array Data

by FancyGrid Inc.

HTML

<script src="https://cdn.jsdelivr.net/npm/fancygrid/client/fancy.min.js"></script>

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

JavaScript

document.addEventListener("DOMContentLoaded", () => {
  new FancyGrid({
    theme: 'extra-gray',
    title: 'Array Data',
    renderTo: 'container',
    width: 450,
    height: 400,
    data: {
      items: data
    },
    defaults: {
      type: 'string',
      width: 100
    },
    columns: [{
      index: '4',
      width: 105,
      title: 'Company'
    }, {
      index: '0',
      title: 'Name'
    }, {
      index: '1',
      title: 'Sur Name'
    }, {
      index: '5',
      width: 60,
      title: 'Age',
      type: 'number'
    }]
  });
});

var data = [
  ['Ted', 'Smith', 'Java Developer', 'ted.smith@gmail.com', 'Electrical Systems', 30, 'High School Of Cambridge', 'Java, Ruby'],
  ['Ed', 'Johnson', 'C/C++ Market Data Developer', 'ed.johnson@gmail.com', 'Energy and Oil', 35, 'High School Of Cambridge', 'C++'],
  ['Sam', 'Williams', 'Technical Analyst', 'sam.williams@gmail.com', 'Airbus', 38, 'High School Of Cambridge', ''],
  ['Alexander', 'Brown', 'Project Manager', 'alexander.brown@gmail.com', 'Renault', 24, 'High School Of Cambridge', ''],
  ['Nicholas', 'Miller', 'Senior Software Engineer', 'nicholas.miller@gmail.com', 'Adobe', 33, 'High School Of Cambridge', 'Unix, C/C++'],
  ['Andrew', 'Thompson', 'Agile Project Manager', 'andrew.thompson@gmail.com', 'Google', 28, 'High School Of Cambridge', ''],
  ['Ryan', 'Walker', 'Application Support Engineer', 'ryan.walker@gmail.com', 'Siemens', 39, 'High School Of Cambridge', 'ActionScript'],
  ['John', 'Scott', 'Flex Developer', 'john.scott@gmail.com', 'Cargo', 45, 'High School Of Cambridge', 'Flex'],
  ['James', 'Phillips', 'Senior C++/C# Developer', 'james.phillips@gmail.com', 'Pro bugs', 30, 'High School Of Cambridge', 'C/C++, Unix'],
  ['Brian', 'Edwards', 'UNIX/C++ Developer', 'brian.edwards@gmail.com', 'IT Consultant', 23, 'High School Of Cambridge', 'C/C++ Unix'],
  ['Jack', 'Richardson', 'Ruby Developer', 'jack.richardson@gmail.com', 'Europe IT', 24, 'High School Of Cambridge', 'Ruby'],
  ['Alex',...