Answers

• kthorngren Posts: 20,294Questions: 26Answers: 4,768

  August 2018

  I might be misunderstanding the problem but what you describe seems to work in this example:
  http://live.datatables.net/payubura/1/edit

  Maybe you can update the example to show the problem or provide the steps need to recreate the problem.

  Kevin
• kthorngren Posts: 20,294Questions: 26Answers: 4,768

  August 2018

  This example starts with the columns next to the colspan column as hidden.
  http://live.datatables.net/kupoyanu/1/edit

  Still seems to work correctly.

  Kevin
• guillochon Posts: 56Questions: 19Answers: 0

  August 2018

  If I do colspan=2 I'm getting a column number mismatch; "Cannot set property 'nTf' of undefined", I have to explicitly remove a footer as I loop through the footers. I don't seem to be able to just do colspan=2 as you have done.
• guillochon Posts: 56Questions: 19Answers: 0

  August 2018

  Note that I also have responsive enabled, I'm not sure if that interferes with this.
• kthorngren Posts: 20,294Questions: 26Answers: 4,768

  August 2018 edited August 2018

  I added responsive and it still seems to work.
  http://live.datatables.net/xuqaboya/1/edit

  If I do colspan=2 I'm getting a column number mismatch; "Cannot set property 'nTf' of undefined", I have to explicitly remove a footer as I loop through the footers. I don't seem to be able to just do colspan=2 as you have done.

  Not sure what you are doing when looping through the footers. Need to see your code to help. Can you update my test case or provide your own showing the issue or a link to your page?

  Do you also have colspan=2 in the tbody? If so this is not supported.

  Kevin
• guillochon Posts: 56Questions: 19Answers: 0

  August 2018

  Here's the code that removes the footer and sets the colspan:

          jQuery('#example tfoot th').each( function ( index ) {
              var title = jQuery(this).text();
              var classname = jQuery(this).attr('class').split(' ')[0];
              if (classname == 'alias') {
                  jQuery(this).remove();
              }
              if (classname == 'name') {
                  jQuery(this).attr('colspan', 2);
              }
          }
  

  I don't really want to change the live page as it will break the table for everyone.
• guillochon Posts: 56Questions: 19Answers: 0

  August 2018

  Note that I've also tried setting the colspan in the HTML itself (not using jQuery) and I get the same error too.
• kthorngren Posts: 20,294Questions: 26Answers: 4,768

  August 2018 Answer ✓

  I don't really want to change the live page as it will break the table for everyone.

  That is the purpose of that site is to build test cases with issues so they can be debugged. Its easy to create a new page by going to http://live.datatables.net/.

  I think I recreated your problem here:
  http://live.datatables.net/xuqaboya/2/edit

  In my test case the table has 6 columns and starts with 6 footers. The code above sets one of the columns with colspan=2. Since a footer column is not removed to compensate there are now 7 footer columns. If I remove one of the footers from the HTML then the code above works as it ends up with 6 footer columns.

  The number of footer columns, including colspan, needs to equal the number of table columns.

  Kevin