修复最后一列数据表colreorder

时间:2012-09-11 09:26:20

标签: jquery jquery-datatables

如何在使用数据表colreorder时修复最后一列?

我尝试了以下它不起作用:

var oTable = $('#example').dataTable({
                "sDom": 'R',
                "oColReorder": {
                    "iFixedColumns":[-1]    
                }
             }); 

1 个答案:

答案 0 :(得分:0)

我找到了以下解决方案: 我已经在表格的最后一个添加了一个div,如下所示:

<th >First</th>
<th >2</th>
<th >3</th>
<th >4</th>
<th ><div id="theLast">last</div></th>

并调用以下脚本:

$(document).ready(function () {
            $("#theLast").bind("mousedown", function (event) {
                event.stopPropagation(true);
                return;
            }
            );

            var oTable = $('#example').dataTable({
                "sDom": 'R'
        });

    });

像这样我禁用了colReorder功能的最后一列。 要在最后一列之后禁用其他列,我修改了代码 在ColReorder.js文件中,如下所示:

功能已修改:_fnMouseUp

我写道:

if (this.s.mouse.toIndex == 4) { // 4 means last  column index 
                    e.stopPropagation(true);
                    return null;
                }
                else
                /* Actually do the reorder */
                this.s.dt.oInstance.fnColReorder(this.s.mouse.fromIndex, this.s.mouse.toIndex);

而不是

this.s.dt.oInstance.fnColReorder(this.s.mouse.fromIndex, this.s.mouse.toIndex);