Horizontal scroll doesn't work.

Resolved hanpeace
(@hanpeace)

11 years ago
Hi Tobias

Thank you for your fantastic plugin.
Before this, I have looked at many FAQs and forums, but I could not find the solution to my problem.

This is my link:
http://koreanhistory.co.kr/?page_id=2

I want to use the horizontal scrolling tool.
I am currently making a history website and this will help me a lot.
Just for testing, I changed the CSS drastically larger for the width of each column.
But, when I do this, the width of the columns change automatically to fit the page.
So, the scroll bar does not move.

How can I fix this?
```
.tablepress-id-3 .column-1 {
	width: 1500px;
}

.tablepress-id-3 .column-2 {
	width: 1200px;
}

.tablepress-id-3 .column-3 {
	width: 1700px;
}

.tablepress-id-3 .column-4 {
	width: 1250px;
}

.tablepress-id-3 .column-5 {
	width: 1500px;
}

.tablepress-id-3 .column-6 {
	width: 1500px;
}

.tablepress-id-3 .column-7 {
	wid
```
https://ww.wp.xz.cn/plugins/tablepress/

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

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years ago
Hi,

thanks for your post, and sorry for the trouble.

You might have to set the width with the !important flag appended, to overcome inline styles that the DataTables JS library uses, i.e. use
```
.tablepress-id-3 .column-1 {
	width: 1500px !important;
}
```
Alternatively, you could use the approach from https://ww.wp.xz.cn/support/topic/responsive-tables-scroll-only?replies=6#post-5511954 instead of that from the the DataTables JS library.

Regards,
Tobias
Thread Starter hanpeace
(@hanpeace)

11 years ago

Hi.

Thanks for your feedback.
I tried both ways you suggested and found that “!important flag” doesn’t work but the other way works.( https://ww.wp.xz.cn/support/topic/responsive-tables-scroll-only?replies=6#post-5511954 )

However, when I add the ‘DataTables FixedColumns’ to fix the left column, it shows an unnecessay scroll underneath.
http://koreanhistory.co.kr/?page_id=2

I appreciate you in advance even if you don’t have time to fix my issue.
Thanks
Chris

Thread Starter hanpeace
(@hanpeace)

11 years ago

I found that the page shows differently by the browser.
I can get a perfect result in Firefox but there is unnecessary scroll in Google Chrome.
Thanks

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years ago

Hi,

I see what you mean, and I have actually seen that before, but unfortunately, I was not yet able to find the cause or a solution for it 🙁
This seems to be some issue in the FixedColumns JavaScript code (which I did not develop, but only make available as a TablePress Extension). I hope that it gets fixed there in the future, and I will then update the Extension as well.

Regards,
Tobias

Thread Starter hanpeace
(@hanpeace)

11 years ago

Thanks Tobias.

Even with the issue, it is still very much helpful.
Also, I am very happy with your fantastic plugin.

Regards
Chris

Plugin Author Tobias Bäthge
(@tobiasbg)

11 years ago

Hi Chris,

thanks, that good to hear!

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

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

The topic ‘Horizontal scroll doesn't work.’ is closed to new replies.

Tags