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 …”
“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!
Tags: ajax, java, javascriptjavascript, scroll
