Adding horizontal scrollbar to DataTable

Adding horizontal scrollbar to DataTable

pravinkpravink Posts: 16Questions: 0Answers: 0
edited October 2012 in General
Hello,

I want to add horizontal scrollbar to DataTable and I tried the code giving here "http://datatables.net/examples/basic_init/scroll_x.html", but its not working. Please help

Replies

  • pravinkpravink Posts: 16Questions: 0Answers: 0
    Here is what I have used in my DataTable initialization code:
    "bAutoWidth": false,
    "sScrollX": "100%",
    "sScrollXInner": "110%",

    But its adding the scrollbar at top, I want it at bottom and also its not shifting the columns too. The text is just getting wrapped up in columns. Please help!
  • pravinkpravink Posts: 16Questions: 0Answers: 0
    Hello,

    Any suggestions on this. I really need help on this. The scrollbar is getting added at top I want it at bottom.
  • allanallan Posts: 63,534Questions: 1Answers: 10,475 Site admin
    At the top? Can you please link us to a test page showing the problem. Otherwise we can't offer any help.

    Allan
  • pravinkpravink Posts: 16Questions: 0Answers: 0
    Thanks for your reply Allan! I can’t link you to the test page. But when I add the following code in my DataTable initialization code then a LINE gets added after my Table Header.

    "sScrollX": "100%",
    "sScrollXInner": "110%",

    Please suggest.
  • pravinkpravink Posts: 16Questions: 0Answers: 0
    I can send u the screenshot please tell me where to send that.
  • pravinkpravink Posts: 16Questions: 0Answers: 0
    Hi Allan,

    Sorry for the confusion here. I can see that the scroll bar is added to the table but now the problem is that - when I add the following code in my DataTable initialization code then a LINE gets added after my Table Header.

    "sScrollX": "100%",
    "sScrollXInner": "110%",

    Please suggest.
    I can send u the screenshot please tell me where to send that.
  • allanallan Posts: 63,534Questions: 1Answers: 10,475 Site admin
    You can use:
    http://live.datatables.net and
    http://jsfiddle.net

    to create a test case showing the problem, or any photo sharing web-site to upload a screenshot. But a test case would be much more likely to let me resolve the problem.

    Allan
  • pravinkpravink Posts: 16Questions: 0Answers: 0
    Thanks Allan! I will upload screenshot.
  • manishainvitramanishainvitra Posts: 3Questions: 0Answers: 0
    Can we give fixed width to the columns which comes under scrolling(horizontal scroller) so that the recalculation of width of the columns and misalignment of the columns would be avoided?

    Moreover, can you please let me know where can I upload the screenshot of my test page from?
This discussion has been closed.