horizontal scroll not working using datatables

Question

I have a really big columns, around 40 columns and want to scroll horizontally, but its not working.

$(document).ready(function () {
    $('#example').dataTable({
            "oTableTools": {
                           "sScrollY": 200,
                           "sScrollX": "200%",
                           "sScrollXInner": "110%"
             }
    });
});

Sorry, posting mistake. Its not missing closing }); problem though. — beebek
– beebek, Commented Aug 19, 2013 at 4:37
this q/a might help you stackoverflow.com/questions/18049935/… — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Aug 19, 2013 at 5:10
I want horizontal scroll bar like in this example, datatables.net/examples/basic_init/scroll_x.html scroll bar is coming for like a whole page not for table only. — beebek
– beebek, Commented Aug 19, 2013 at 6:22

mgs · Accepted Answer · 2014-01-09 10:44:11Z

6

Removing the scroll-x-inner might help.

"sScrollXInner": "110%"

It worked for me. Source datatables.net/forums

answered Jan 9, 2014 at 10:44

mgs

4124 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hermes · Accepted Answer · 2015-07-27 02:02:47Z

the best solution is wrapping the target table with tag by jquery and creating an break line
tag to separate please see below sample code

            $('#target_table').wrap("<div id='tableData' style='\n\
                                        overflow: auto;\n\
                                        overflow-y: hidden;\n\
                                        -ms-overflow-y: hidden\n\
                                        position:relative;\n\
                                        margin-right:5px;\n\
                                        padding-bottom: 15px;\n\
                                        display:block;\n\
                                   '>/");; 

           $("#tableData").before("<br/><br/>");

the problem is if your using sScrollX or scrollX is that not all datatables plugin version support this function and it depends also in jquery platform that we are using and not all browsers are supported like with the damn IE8,7 and 6.

Collectives™ on Stack Overflow

horizontal scroll not working using datatables

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related