Get 2025 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Group Header and Responsive features in Datatables broke after upgrading to Keen 3


Dear support,

Our current system was built using Keen Theme 1.4.9. We are trying to upgrade to Keen Theme 3.0.7. We are having issues with our data tables. We have a lot of data tables with server side processing, paging, responsiveness and grouping turned on. It all worked fine in the old Keen 1.4.9 (with datatables.net version 1.10.20 included). In the new Keen 3.0.7 (with datatables.net version 2.0.6 included), the group header and the responsiveness work fine in page 1. As soon as I change the page to 2, 3 and so on, the group header and the responsiveness stopped working. The group header did not show up on page 2, 3, etc. The responsiveness also did not work on page 2, 3, etc. Instead, horizontal scrollbar is shown.

I tried copying the old datatables.bundle.js from Keen 1.4.9 to the Keen 3.0.7 and the grouping and responsiveness started working again. So, something in the new datatables.net broke these features.

What did I do wrong? Is there additional configuration I need to turn on with the new datatables.net?

Regards
Eddy Ng


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


Hi,

Could you please try the group header features of the latest datatable https://datatables.net/ outside Metronic ? Thus you can find out if this is the original bug of the new datatable version or it has something to do with Metronic.

if it's an original bug you can report it and wait for the official fix. If it's Metronic's issue we will try to take a look further. Metronic uses Datatable.net as it as with a little global restyling only. We do not modify or extend it's core JS part. So most probably it's the plugin's original bug.

Regards.



I will contact the datatables.net support. It seemed to be their issue.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(