Edit in JSFiddle

document.addEventListener("DOMContentLoaded", function() {
  new FancyGrid({
    title: 'Tree Grid: Kia',
    renderTo: 'container',
    width: 600,
    height: 600,
    columnLines: false,
    theme: 'gray',
    trackOver: true,
    selModel: 'row',
    data: {
      items: data,
      fields: ['name', 'type', 'price', 'img']
    },
    defaults: {
      type: 'string',
      draggable: true,
      sortable: true,
      resizable: true
    },
    columns: [{
      type: 'tree',
      folder: true,
      title: 'Name',
      width: 240,
      index: 'name'
    }, {
      index: 'name',
      title: 'Name',
      width: 140
    }, {
      index: 'price',
      title: 'Start Price',
      type: 'currency',
      width: 80
    }]
  });
});

var data = [{
  name: 'KIA',
  type: 'root',
  expanded: true,
  child: [{
    name: 'Sedan',
    type: 'type',
    expanded: true,
    child: [{
      name: 'Smart Compact Morning',
      img: 'imgs/new-morning.png',
      leaf: true,
      price: 9890
    }, {
      name: 'New Ray',
      leaf: true,
      img: 'imgs/ray.png',
      price: 11150
    }, {
      name: 'K3',
      leaf: true,
      img: 'imgs/k3.png',
      price: 14250
    }, {
      name: 'K5',
      leaf: true,
      img: 'imgs/newk5.png',
      price: 20900
    }, {
      name: 'K7',
      leaf: true,
      img: 'imgs/k7.png',
      price: 28600
    }, {
      name: 'Stinger',
      leaf: true,
      img: 'imgs/stinger.png',
      price: 32300
    }, {
      name: 'K9',
      leaf: true,
      img: 'imgs/k9.png',
      price: 47000
    }]
  }, {
    name: 'ECO',
    type: 'type',
    child: [{
      name: 'Niro',
      leaf: true,
      img: 'imgs/niro.png',
      price: 21700
    }, {
      name: 'Niro Phev',
      leaf: true,
      img: 'imgs/niro-phev.png',
      price: 30500
    }, {
      name: 'Soul Ev',
      leaf: true,
      img: 'imgs/soul_ev.png',
      price: 39400
    }, {
      name: 'K5 plug-in Hybrid',
      leaf: true,
      img: 'imgs/k5_hybrid.png',
      price: 36500
    }, {
      name: 'K5 Hybrid',
      leaf: true,
      img: 'imgs/k5phev.png',
      price: 26500
    }, {
      name: 'K7 Hybrid',
      leaf: true,
      img: 'imgs/k7_hybrid.png',
      price: 33000
    }]
  }, {
    name: 'SUV',
    type: 'type',
    child: [{
      name: 'Stonic',
      leaf: true,
      img: 'imgs/stonic.png',
      price: 16000
    }, {
      name: 'Niro',
      leaf: true,
      img: 'imgs/niro-phev.png',
      price: 21700
    }, {
      name: 'New Soul',
      leaf: true,
      img: 'imgs/soul.png',
      price: 16100
    }, {
      name: 'New Carens',
      leaf: true,
      img: 'imgs/new_carens.png',
      price: 18500
    }, {
      name: 'Sportage',
      leaf: true,
      img: 'imgs/sportageql.png',
      price: 19500
    }, {
      name: 'New Sorento',
      leaf: true,
      img: 'imgs/sorento.png',
      price: 25700
    }, {
      name: 'Mohave',
      leaf: true,
      img: 'imgs/mohave.png',
      price: 37900
    }, {
      name: 'Carnival',
      leaf: true,
      img: 'imgs/new_carnival.png',
      price: 25400
    }, {
      name: 'Carnival HI-LIMOUSINE',
      leaf: true,
      img: 'imgs/carnival_hi_limousine.png',
      price: 39300
    }, {
      name: 'Carnival OUTDOOR',
      leaf: true,
      img: 'imgs/carnival_outdoor.png',
      price: 35900
    }]
  }, {
    name: 'Commercial',
    type: 'type',
    child: [{
      name: 'K5 Taxi',
      leaf: true,
      img: 'imgs/newk5_taxi.png',
      price: 15300
    }, {
      name: 'K7 Taxi',
      leaf: true,
      img: 'imgs/k7_taxi.png',
      price: 23000
    }, {
      name: 'New GrandBird',
      leaf: true,
      img: 'imgs/new_granbird.png',
      price: 145000
    }, {
      name: 'Bongo 3',
      leaf: true,
      img: 'imgs/truck.png',
      price: 14000
    }, {
      name: 'Bongo 3 FrozenTapcha',
      leaf: true,
      img: 'imgs/top_car.png',
      price: 18300
    }, {
      name: 'Bongo 3 GeneralTruck',
      leaf: true,
      img: 'imgs/construct_sung.png',
      price: 18900
    }, {
      name: 'Bongo 3 PowerGate',
      leaf: true,
      img: 'imgs/construc.png',
      price: 16900
    }, {
      name: 'Bongo 3 Homelori',
      leaf: true,
      img: 'imgs/transport.png',
      price: 28000
    }]
  }]
}];

<script src="https://cdn.fancygrid.com/fancy.min.js"></script>

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

.fancy-theme-gray.fancy-panel .fancy-panel-header {
  background-color: white;
  border-bottom: 2px solid #e3223a;
  color: #515151;
}