angular-datatables icon indicating copy to clipboard operation
angular-datatables copied to clipboard

Published 20 hours ago • verified publisher icon l-lin

Responsive Extension Doesn't work.

Open trankin opened this issue 1 year ago • 3 comments

I was finding that the responsive extension is not working and in attempting to simplify my implementation I referenced this page:

https://l-lin.github.io/angular-datatables/#/extensions/responsive

This page also demonstrates what I'm observing in that it doesn't appear to be performing the responsive functions.

trankin avatar Feb 27 '24 17:02 trankin

The same page looks fine when I check on mobile view..

Screen Shot 2024-03-04 at 10 22 38 AM

bikos avatar Mar 04 '24 16:03 bikos

Hi, I can confirm the bug exists.

~The solution (from our end) is to upgrade DT's responsive plugin to the newer version of 2.x (2.5.1 as of writing).~

The fix is yet to be determined. A new version of the library will be published when available.

Meanwhile, feel free to investigate this issue and raise PR :)

shanmukhateja avatar Mar 06 '24 18:03 shanmukhateja

@trankin

On further investigation, this seems like a bug with Responsive plugin and not the library.

However, I was able to remove excessive width of the columns which leads to horizontal scrolling by setting overflow: hidden to the div containing the table.

For ex: in the case of the documentation webapp, we set overflow: hidden to #previewTab and the horizontal scroll disappears.

Let me know if this fixes the problem.

shanmukhateja avatar Mar 06 '24 19:03 shanmukhateja

@shanmukhateja i have updated packages to latest version but there is no change .

Rahul-codoffer avatar May 11 '24 09:05 Rahul-codoffer

Can you confirm if the responsive plugin was also updated?

I believe v3.0.1 has fixed it.

Your best bet would be to post a question in datatables.net forums.

This is not our bug.

Closing the issue.

shanmukhateja avatar May 11 '24 09:05 shanmukhateja