javascript - 数据表 - 仅针对某些列进行水平滚动

标签 javascript datatables

数据表中的scrollX选项允许用户水平滚动网格 - 但是,在我的表中,我需要将前两列保持在适当的位置,但允许接下来的x列水平滚动。我没有看到任何关于如何执行此操作的好示例。

示例: https://datatables.net/examples/basic_init/scroll_x.html

最佳答案

您可以通过根据 scrollLeft 值更改每个单元格的相对位置来实现此目的。

$('.dataTables_scrollBody').scroll(function (){
    var cols = 2 // how many columns should be fixed
    var container = $(this)
    var offset = container.scrollLeft()
    container.add(container.prev()).find('tr').each(function (index,row){ // .add(container.prev()) to include the header
        $(row).find('td, th').each(function (index,cell){
            if(index>=cols) return
            $(cell).css({position:'relative',left:offset+'px'})
        })
    })
})

关于javascript - 数据表 - 仅针对某些列进行水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48795732/

相关文章:

javascript - 数据表不允许将多个页脚行包含到导出的 pdf 文件中

filter - 单击复选框时页面跳转到顶部

JavaScript 正则表达式 : Is there a way to match slash after slash char in URL without negative lookbehind?

javascript - 如何从不同的数组中获取按属性排序的对象?

javascript - Javascript 中的无符号整数

JQuery 数据表 : Fit column width to content

javascript - DataTables - 固定 header - 头部对齐问题中的多个 tr

javascript - 如何在 Highcharts 中添加特定于列的绘图线?

javascript - 如何在 MVC 5 Razor 中调用和刷新局部 View ?

javascript - 如何重新加载现有dataTable()中的数据?