數據表-僅對某些列進行水平滾動

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'})
        })
    })
})