search

l-lin / angular-datatables

DataTables with Angular
https://l-lin.github.io/angular-datatables/
MIT License
1.57k stars 481 forks source link

Responsive Extension Doesn't work. #1771

Closed trankin closed 1 month ago

trankin commented 4 months ago

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.

bikos commented 4 months ago

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

Screen Shot 2024-03-04 at 10 22 38 AM
shanmukhateja commented 4 months ago

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 commented 4 months ago

@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.

Rahul-codoffer commented 1 month ago

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

shanmukhateja commented 1 month ago

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.