CoffeeScript

by Ruchika Sharma

HTML

<div class="row pt-2">
  <div class="col-12">
    <table class="table" id="dataTable">
      <thead>
        <tr>
          <th>Id</th>
          <th>Name</th>

        </tr>
      </thead>
    </table>
  </div>
</div>

CSS

body {
  padding: 20px;
  font-family: Helvetica;
}

#app {
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  margin: 8px 0;
}

CoffeeScript

list = document.querySelector "#app ul"
  data= [
    {
      "total_excl_tax": 4697511.12,
      "display_name": "Den Finland Oy",
      "id": 4,
      "is_company": 1,
      "refund_total_excl_tax": -35114.99
    },
    {
      "total_excl_tax": 2365067.4,
      "display_name": "Rakennusliike Lapti Oy",
      "id": 511,
      "is_company": 1,
      "refund_total_excl_tax": -4868.73
    }]
    
    $('#dataTable').DataTable({
        data: this.data,
        columns: [
          { data: 'id' },
          { data: 'display_name' }
         
        ]
      });
greetings = []

greet = (name) ->
  greetings.push "<li>Hi #{name}</li>"

greet name for name in crew

list.innerHTML = greetings.join ""