anchor.diff:  
   
   <table id="myTable" class="display" cellspacing="0" width="100%">
  -<!-- <thead>
  +<thead>
   <tr>
  -<th>TDD Cycles</th>
  +<th>Display Cycles</th>
  +<th>CyberDojo ID</th>
  +<th>Avatar</th>
   <th>Kata Name</th>
   <th>Lang/Framework</th>
  -<th>CyberDojo ID</th>
  -<th>Avatar</th>
  -
  -<th>Total Lights</th>
   <th>Manual Markups</th>
   <th>Markup</th>
   </tr>
  
positive.code: 
  <tfoot>
  <tr>
  <th>TDD Cycles</th>
  <th>Kata Name</th>
  <th>Lang/Framework</th>
  <th>CyberDojo ID</th>
  <th>Avatar</th>
  
  <th>Total Lights</th>
  <th>Manual Markups</th>
  <th>Markup</th>
  
  </tr>
  </tfoot>
  -->
  </table>
  
  <script>
  
negative.code:                     console.log(gon);
                      // $('#myTable').DataTable();
  
                      table = $('#myTable').DataTable( {
                                                         data: gon.allSessionsAndMarkup,
                                                         columns: [
                                                           {
                                                             "className":      'details-control',
                                                             "orderable":      false,
                                                             "data":           null,
                                                             "defaultContent": ''
                                                           },
                                                           { "className":      'cyberdojo_id',
                                                             data: 'session.cyberdojo_id' },
                                                           { data: 'session.avatar' ,
                                                             "className":      'avatar'},
                                                           { "className":      'kata_name',data: 'session.kata_name' },
                                                           { "className":      'language_framework',data: 'session.language_framework' },
                                                           { "className":      'markup_length',data: 'markup.length' },
                                                           {
                                                             "className":      'markup',
                                                             "orderable":      false,
                                                             "data":           null,
                                                             "defaultContent": ''
                                                           }
                                                         ]
                      } );
  });
  
  