数据表固定列（仅限右侧）问题答案

【问题标题】：Datatable Fixed Column (Right Only) Issue数据表固定列（仅限右侧）问题
【发布时间】：2017-06-19 11:41:40
【问题描述】：

我正在使用 JQuery Datatable，但在使用固定列时遇到了问题。 It has been showing two times my fixed column

我正在使用服务器端处理，这是我的代码：

dataTable = table.dataTable({
            fixedColumns:   {
                leftColumns: 0,
                rightColumns: 1
            },
            scrollX:true,
            scrollCollapse: true,
            "fnDrawCallback":function(oSettings) {
                $('div.choosePage select').val(dataTable.DataTable().page());
            },
            "pagingType":"bootstrap_full_number",
            "processing": true,
            "serverSide": true,
            "ajax": {
             "data":GETDATA,
             "dataSrc":SETAJAXDATA
            },
            "fnInitComplete":completeProcess,
            "colReorder": true,
            "order": [
            [0, 'asc']
            ],
            "dom": "<'row' <'col-md-12'>><'row'<'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-4 col-sm-12'i><'col-md-5 col-sm-12 toolbar'p><'col-md-push-1 col-md-3 col-sm-12 toolbar choosePage'>>", // horizobtal scrollable datatable
        })

Ajax 运行良好，当我在左侧使用固定列时没有问题，但是当我在右侧使用它时，我遇到了这个问题。

谢谢。

【问题讨论】：

标签： javascript jquery datatable

【解决方案1】：

如果您没有从选项中设置 scrollY，我相信这是 Jquery Datatable 中的一个错误，请确保您设置了一些值。

因为当您检查元素时，您可以看到 scroll-y 溢出是自动的。如果您将其设置为隐藏或未从选项中设置值，那么您就可以看到右侧的空间。

如果您根本不想使用 scroll-y，那么您需要使用一些 css 代码来弄脏您的手，给一些小边距，这是一个丑陋的解决方案。但我看不到任何其他选项。

Jquery 数据表插件太可惜了。

下面显示了来自插件网站的示例选项列表。

$(document).ready(function() {
    var table = $('#example').DataTable( {
        scrollY:        "300px",
        scrollX:        true,
        scrollCollapse: true,
        paging:         false,
        fixedColumns:   {
            leftColumns: 0,
            rightColumns: 1
        }
    } );
} );

【讨论】：