jQuery datatables vertical scroll bug with fixed column

Question

Ok i have noticed this bug with FireFox and IE 11 how to replicate it:

Start scrolling on the fixed column
While its scrolling move the mouse over to the other data
Result: not aligned rows

$.fn.dataTableExt.sErrMode = 'ignore';
$('#myTable01').DataTable( {
    scrollY:        "200px",
    scrollX:        true,
    scrollCollapse: true,
    paging:         false,
    fixedColumns:   true,
    bPaginate: false,
    bFilter: false,
    bInfo: false,
    bSort: false,

} );

Is there a way to fix this in FireFox and IE? I have tried chrome and it works fine there.

did you find the solution for this?

AidaM
– AidaM

2017-03-17 18:43:57 +00:00
Commented Mar 17, 2017 at 18:43 — AidaM
– AidaM, Commented Mar 17, 2017 at 18:43
Never was able to fix it so pretty much just ignored it

nniicc
– nniicc

2017-03-17 18:44:55 +00:00
Commented Mar 17, 2017 at 18:44 — nniicc
– nniicc, Commented Mar 17, 2017 at 18:44

אביגיל רוזנפלד · Accepted Answer · 2021-06-15 06:14:16Z

1

file: dataTables.fixedColumns.js

Delete row: iBodyweight -= oOverflow.bar;

edited Jun 15, 2021 at 6:14

answered Jun 15, 2021 at 5:56

אביגיל רוזנפלד

112 bronze badges

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

Comments

Ruthirakumar Palanisamy · Accepted Answer · 2018-04-30 10:14:01Z

Sorry for late response. I am also faced similar issue. Given the fix below. Please try & let me know,if any challenges.

File: dataTables.fixedColumns.js Version : 3.2.4

Update below condition in "scroll.DTFC" Event

Existing Code: `

 if (mouseController === 'main') {
        if (that.s.iLeftColumns > 0) {
      that.dom.grid.left.liner.scrollTop = that.dom.scroller.scrollTop;
 }
  if (that.s.iRightColumns > 0) {
                                                                that.dom.grid.right.liner.scrollTop = that.dom.scroller.scrollTop;
 }`

Updated Code : ` if (mouseController === 'main'|| mouseController === 'left') {
if (that.s.iLeftColumns > 0) {
                                                                that.dom.grid.left.liner.scrollTop = that.dom.scroller.scrollTop;
  }
 if (that.s.iRightColumns > 0) {
                        that.dom.grid.right.liner.scrollTop = that.dom.scroller.scrollTop;
                                                            }
 }

`

Collectives™ on Stack Overflow

jQuery datatables vertical scroll bug with fixed column

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related