Rendering problems when using DataTables with Bootstrap

Rendering problems when using DataTables with Bootstrap

MethosMethos Posts: 3Questions: 0Answers: 0
edited January 2013 in General
Hi,

I have coded a page using DataTable and Bootstrap. It has a navigation bar at its side that will take you to various sections in the page. One of the section contains DataTable.

Problem: When I select the DataTable section, and then select another section, it will mess up rendering of the top bar and the side navigation bar. If I just keep hopping from sections to sections that do not contain DataTable,then there is no problem. I am testing it on Chrome on Windows 7. This occurs *every single time*.

However, same code runs without any problems on Linux Chrome (I mean it has similar issue may be one in hundred times). Any ideas what is going wrong?

Here is the link to the tarball: https://www.dropbox.com/s/9ubqhwfeuhwk7cd/single_page.rar

(Sorry I do not know how to include Bootstrap+jQuery+DataTables either on JSFiddle or DataTables live. If there is a way and people find it inconvenient to download the tarball, I will try to put it in a webpage)

Thanks.

P.S.: I tried some basic google searching to see if this is already answered. I did not find anything, but if this is a duplicate, sorry.

Replies

  • MethosMethos Posts: 3Questions: 0Answers: 0
    I have hosted the file here:
    http://dl.dropbox.com/u/47184727/DataTablesQuery/single_page/single_page.html

    Clicking on it should take to the problem page in question.
  • MethosMethos Posts: 3Questions: 0Answers: 0
    Here is the problem video:
    http://www.youtube.com/watch?v=g4p0b_5Bkzs&feature=youtube_gdata
This discussion has been closed.