自动滚动所选行Datatable jquery

ffscu2ro 于 2023-11-17 发布在 jQuery

关注(0)|答案(1)|浏览(133)

这是我的数据表：

的数据
如果我按下向下箭头，滚动条不会跟随表格的焦点，所以我必须手动移动滚动条才能看到它。

的

$(document).keydown(function(e) {
  if (e.keyCode == 40) { //arrow down
    if (tr.next().length) {
      table.$('tr.selected').removeClass('selected');
      tr.next().addClass('selected');
      tr = table.$('tr.selected');
    }
  }
  
  if (e.keyCode == 38) { // arrow up
    if (tr.prev().length) {
      table.$('tr.selected').removeClass('selected');
      tr.prev().addClass('selected');
      tr = table.$('tr.selected');
    }
  }
})

字符串

jquery

来源：https://stackoverflow.com/questions/77307166/auto-scroll-following-the-selected-row-datatable-jquery

1条答案

按热度按时间

e7arh2l61#

您可以在代码中添加滚动逻辑来实现此目的。

function scrollToRow(row) { 
        // Check if the row is not visible
        if (row.position().top < 0 || row.position().top > row.parent().height()) {
            // Scroll smoothly to the new row
            $(Your_dropdown_table).animate({ 
                scrollTop: row.position().top
            }, 100);
        }
    }

希望能对你有所帮助。

赞(0）回复(0）举报 2023-11-17

我来回答

自动滚动所选行Datatable jquery

1条答案

相关问题

热门标签

最新问答