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

Question

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

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

Answer 1

您可以通过基于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'})
        })
    })
})