sample1 / fatigues headers

In this example below you will see how to do a sample1 / fatigues headers with some HTML / CSS and Javascript

This awesome code was written by 69356b, you can see more from this user in the personal repository.
You can find the original code on
Copyright 69356b ©


  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>sample1 / fatigues headers</title>
  <link rel='stylesheet prefetch' href=''>
<link rel='stylesheet prefetch' href=''>



  <div ng-app="app" ng-cloak ng-controller="AppCtrl as ctrl" class="container">
  <h2>baseHeaders から nestedHeaders を作る</h2>
  <hot-table settings="ctrl.settings" datarows=""></hot-table>
  <script src=''></script>
<script src=''></script>
<script src=''></script>


    <script  src="js/index.js"></script>



/*Downloaded from */
angular.module('app', ['ngHandsontable'])
.controller('AppCtrl', function($scope) {
  var ctrl = this;
  var baseHeaders = Handsontable.helper.createSpreadsheetData(3, 3);
  var nestedHeaders = ctrl.nestedHeaders = [].concat(baseHeaders).map(function(baseHeader) {
    return baseHeader.concat(baseHeader);
  ctrl.settings = {
    rowHeaders: true,
    colHeaders: true,
    nestedHeaders: nestedHeaders,
  }; = Handsontable.helper.createSpreadsheetData(1, 6);