FancyGrid i18n

by FancyGrid Inc.

HTML

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

<div id="grid-i18n" style="height: 240px;"></div>
<div id="container" style="height: 400px;"></div>

CSS

.fancy-theme-i18n.fancy-panel .fancy-panel-body {
  border-width: 0;
}

.fancy-theme-i18n.fancy-panel-grid-inside {
  border-bottom: 0;
}

JavaScript

document.addEventListener("DOMContentLoaded", () => {
  let gridUsers;

  function renderUsersGrid(title, i18n) {
    if (gridUsers) {
      gridUsers.destroy();
    }

    const data = [{
      name: 'Ted',
      surname: 'Smith',
      company: 'Electrical Systems',
      birthday: '6/22/1953'
    }, {
      name: 'Ed',
      surname: 'Johnson',
      company: 'Energy and Oil',
      birthday: '9/12/1971'
    }, {
      name: 'Sam',
      surname: 'Williams',
      company: 'Airbus',
      birthday: '9/2/1973'
    },{
      name: 'Ted',
      surname: 'Smith',
      company: 'Electrical Systems',
      birthday: '6/22/1953'
    }, {
      name: 'Ed',
      surname: 'Johnson',
      company: 'Energy and Oil',
      birthday: '9/12/1971'
    }, {
      name: 'Sam',
      surname: 'Williams',
      company: 'Airbus',
      birthday: '9/2/1973'
    },{
      name: 'Ted',
      surname: 'Smith',
      company: 'Electrical Systems',
      birthday: '6/22/1953'
    }, {
      name: 'Ed',
      surname: 'Johnson',
      company: 'Energy and Oil',
      birthday: '9/12/1971'
    }, {
      name: 'Sam',
      surname: 'Williams',
      company: 'Airbus',
      birthday: '9/2/1973'
    },{
      name: 'Ted',
      surname: 'Smith',
      company: 'Electrical Systems',
      birthday: '6/22/1953'
    }, {
      name: 'Ed',
      surname: 'Johnson',
      company: 'Energy and Oil',
      birthday: '9/12/1971'
    }, {
      name: 'Sam',
      surname: 'Williams',
      company: 'Airbus',
      birthday: '9/2/1973'
    },{
      name: 'Ted',
      surname: 'Smith',
      company: 'Electrical Systems',
      birthday: '6/22/1953'
    }, {
      name: 'Ed',
      surname: 'Johnson',
      company: 'Energy and Oil',
      birthday: '9/12/1971'
    }, {
      name: 'Sam',
      surname: 'Williams',
      company: 'Airbus',
      birthday: '9/2/1973'
    },{
      name: 'Ted',
      surname: 'Smith',
      company: 'Electrical Systems',
      birthday: '6/22/1953'
    }, {
     ...