HTML

knockout_html.html

<!-- Folders -->
<section id="knockoutSection" class="col col-4">
<nav>
  <ul class="departments" data-bind="foreach: departments">
      <li class="" data-bind="text: $data, 
                 css: { selected: $data == $root.chosenDeptId() },
                 click: $root.goToDept">
      </li>
  </ul>
</nav>
<!-- Mails grid -->
<table class="items" data-bind="with: chosenDeptData">
    <thead><tr><th>Emp No</th><th>Name</th><th>Job</th><th>Manager</th><th>Hiredate</th><th>Salary</th></tr></thead>
    <tbody data-bind="foreach: items">
        <tr>
            <td data-bind="text: empno"></td>
            <td data-bind="text: ename"></td>
            <td data-bind="text: job"></td>
            <td data-bind="text: mgr"></td>
            <td data-bind="text: hiredate"></td>
            <td data-bind="text: '&#8364 ' + sal.toFixed(2)"></td>
        </tr>     
    </tbody>
</table>
</section>