Answers

• kthorngren Posts: 21,361Questions: 26Answers: 4,956

  April 2022

  When the hidden table becomes visible you need to use responsive.recalc() along with columns.adjust(). See the example in the responsive.recalc() docs.

  Kevin
• jas_jose Posts: 10Questions: 4Answers: 0

  April 2022 edited April 2022

  i've done like this and still not working

  $('#second-table').DataTable({
              "aaSorting": [],
              "order": [[0, 'desc']],
              "columnDefs": [
                  {
                      "searchable": false,
                      "orderable": false,
                      "targets": [0],
                      "visible": false,
                      "sScrollY": "200px",
                      "bPaginate": false
                  }
              ],
              "rowReorder": {
                  selector: 'td:nth-child(2)'
              },
              "responsive": true,
              "language": {
                  "searchPlaceholder": "Search datas"
              }
          }).columns.adjust().responsive.recalc();
  

  Edited by Kevin: Syntax highlighting. Details on how to highlight code using markdown can be found in this guide
• jas_jose Posts: 10Questions: 4Answers: 0

  April 2022

  i alredy implement the changer button... see something that can be cousing this trouble?
• kthorngren Posts: 21,361Questions: 26Answers: 4,956

  April 2022 Answer ✓

  That is not the place to use these API's. This example uses them when the Bootstrap modal event is opened. Its not clear form above exactly how you are doing this but you need to use these API's when the table is made visible. In your click event or an event that fires when the modal, tab or whatever is displayed.

  Kevin