Answers

• kthorngren Posts: 21,343Questions: 26Answers: 4,954

  March 2023

  For Datatables you will need to define two headers (th) in HTML. If your table is DOM sourced then you will need to populate the two columns with the data you want. If this doesn't help then please provide more details of how your table data is populated and your Datatables initialization code.

  Kevin
• anivaries Posts: 5Questions: 2Answers: 0

  March 2023

  Yes, i have title of this list as th which seems to work fine, i did some css and html changes on it. I populated datatables with Django for loop in html.

  $(document).ready(function () {
    $('#table').dataTable({
      "dom": 'lrti' + "<'row'<'col-sm-12 col-md-5'f><'col-sm-12 col-md-7'p>>",
      "autoWidth": true,
      "responsive": true,
      "info": false,
      "searching": true,
      "lengthChange": false,
      "ordering": false,
      "fnDrawCallback": function (oSettings) {
        if (oSettings._iDisplayLength > oSettings.fnRecordsDisplay()) {
          $(oSettings.nTableWrapper).find('.dataTables_paginate').hide();
        } else {
          $(oSettings.nTableWrapper).find('.dataTables_paginate').show();
        }
      }
    })
  })
  ;
  

  And this is html code

  <div class="row justify-content-center margin-test">
                  <h3 class="mb-0"><table data-page-length='15' id="table" class="display" style="width:100%">
                      <thead>
                          <tr>
                              <th class="text-center erlorefont" style="color:orange">{{ title.0 }}</th>
                          </tr>
                      </thead>
                      <tbody>
                          {% for item in lore_list %}
                                  <tr> 
                                      <td class="erlorefont "><a style="text-decoration:none;" href="{% url 'lores:loreitems' item.id %}">{{item}}</a></td>
                                  </tr>
                          {% endfor %}
                      </tbody>
                  </table></h3>
          </div>  
  
• kthorngren Posts: 21,343Questions: 26Answers: 4,954

  March 2023 Answer ✓

  If you want Django to build the HTML table then you will need to have Django build two th in the header and populate the to columns in the tbody. The result should look similar to this example. Click the HTML tab.

  Kevin
• anivaries Posts: 5Questions: 2Answers: 0

  March 2023

  Yeah, seems like this is more of a Django / HTML issue than datatables. I just need to make Django make different columns for each odd/even loop