Home » Jquery » javascript – What might "interfere" with a DataTables AJAX scroll-bar in this way?

javascript – What might "interfere" with a DataTables AJAX scroll-bar in this way?

Posted by: admin February 22, 2020 Leave a comment

Questions:

I know that this must have something to do with the CSS (or perhaps JS) on “this old site,” but I haven’t quite put my finger on what to look at first.

Basically, I have an AJAX-sourced DataTable, but when I try to select the scroll-bar to move it up and down, it “sticks.” Doesn’t move smoothly and show the record-number indicator … as it does when I use the demos on the DataTables home page in the very same browser. I do see AJAX requests being sent for other row-ranges (and being properly returned), but when I finally let go of the mostly non-sliding slider it pops right back up to the top again.

Does this description of symptoms “ring bells” with anyone out there? As in: “oh, yeah, this happened to me once, and I …”

How to&Answer:

“Well, isn’t CSS always very strange …”

Apparently, one(!) “uikit theme CSS-file” was not being loaded correctly, and everything just went downhill from there. When I forced that file to be loaded, suddenly the DataTable began to work, as did quite a number of other things.

Of course, “I knew that it really wasn’t a DataTables problem to begin with,” but it’s really quite remarkable just how disruptive the absence of a single CSS file turned out to be!