Table rows overflow into adjacent columns breaks DataTables

  • Resolved matthewterenzio

    (@matthewterenzio)


    13 years, 1 month ago

    I’m having trouble formatting my table. It has 123 rows and 8 columns. When it displays the last two rows overflow to the right forming 8 new columns resulting in this error:

    Error: TypeError: a.aoColumns[c] is undefined

    The error also breaks the DataTables functionality.

    If I apply a filter to lessen the number of rows, things look to work as expected.

    Is there a limit on rows, a way to paginate, or some general solution I’m just missing. Filtering solves the display issue but isn’t an appropriate solution.

    Thanks

    http://ww.wp.xz.cn/extend/plugins/tablepress/

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter matthewterenzio

    (@matthewterenzio)

    13 years, 1 month ago

    UPDATE: It actually doesn’t look like it overflows into the new columns but two records “pop” into the second and third row expanding them to 16 columns.

    Thread Starter matthewterenzio

    (@matthewterenzio)

    13 years, 1 month ago

    The issue that caused this was badly formatted quotes inside an anchor tag. Thanks and sorry for the trouble.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    13 years, 1 month ago

    Hi,

    great to hear that you found the reason for this problem! Yes, wrong or missing quotation marks can cause this, as they break the HTML for the table, so that the browser can not render the table properly, and that can cause these JS error messages.

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Table rows overflow into adjacent columns breaks DataTables’ is closed to new replies.