javascript - 奇怪的数据表排序和按键行为

标签 javascript jquery html datatables

我最近向数据表添加了“KeyTable”扩展,以便使用箭头键在我的表中导航。

首先,我添加了以下代码来获取我的表的第一条记录:

gruposDispTab.cell(':eq(0)').focus(); 

但是我选择了最后一条记录:

enter image description here

然后,加上KeyTable函数,上方向键选择下行,下方向键选择上行;即使这样,我的 table 的内部滚动也能正常工作(向上箭头键 - 滚动向上,向下箭头键,滚动向下)。

我不知道我需要更改什么数据表配置来解决这个问题。

P.D.:如果需要,这就是我初始化数据表的方式:

gruposDispTab = $('#gruposSelect').DataTable({
    //deferRender: true,
    scrollY: 215,
    scrollX: false,
    scrollCollapse: true,
    scroller: true,
    dom: 't',
    sScrollInner: 702,
    bPaginate: false,
    info: false,
    "destroy": true,
    "keys": true,
    searching: true,
    //orderCellsTop: true,
    "language": {
        "search": "Buscar: ",
        "zeroRecords": "No se encontraron coincidencias",
        "info": "Mostrando página _PAGE_ de _PAGES_"
    }
});

最佳答案

尝试禁用数据表中的排序。

$('#example').dataTable( { 
     "ordering": false
} );

来源:https://datatables.net/reference/option/ordering

关于javascript - 奇怪的数据表排序和按键行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44460520/

相关文章:

javascript - Return false 在我的 javascript 函数中不起作用

javascript - 有多个具有相同属性(类、类型、值等)的按钮,它们在调用时可以 "point out"其父 DIV?

javascript - jQuery - 创建下拉工具栏组件

javascript - 在 WordPress 后端的 TinyMCE 模态窗口内调用 PHP 函数

javascript - Bootstrap 单选按钮组 knockout 绑定(bind)不起作用

javascript - 可访问性和使用javascript

Javascript 创建具有 new 和不具有 new + 继承的对象

html - FancyBox iFrame 主体背景色

html - 为什么我的 HTML 文本框没有居中显示在移动设备和桌面上?

javascript - Svg transform 属性放置有间隙的元素