FancyGrid Array Data with fields

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({
    title: 'Array Data with fields',
    renderTo: 'container',
    width: 450,
    height: 500,
    data: {
      fields: ['name', 'surname', 'position', 'email', 'company', 'age', 'education', 'knowledge'],
      items: data
    },
    defaults: {
      type: 'string',
      width: 100
    },
    columns: [{
      index: 'company',
      width: 105,
      title: 'Company'
    }, {
      index: 'name',
      title: 'Name'
    }, {
      index: 'surname',
      title: 'Sur Name'
    }, {
      index: 'age',
      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...