Question

我有一个看起来像这样的表：

JS：

"columns": [
            {
                "data": 0,
                "iDataSort" : 0
            },
            {
                "data": 1,
                "iDataSort" : 1,
                "render": function ( data, type, row ) {
                    var returnString = data;
                    if( row[2] !== null && row[2].length > 0){
                        returnString += "<ul>";
                        for( var alternativeTitle in row[2] ){
                            returnString += "<li>" + row[2][alternativeTitle] + "</li>"
                        }
                        returnString += "</ul>"
                    }
                    return returnString;
                }
            },
            {
                "iDataSort" : 3,
                "data": 3
            },
            {
                "iDataSort" : 4,
                "data": 4
            },
            {
                "data":null,
                "bSearchable": false,
                "bSortable": false,
                "sClass": "center",
                "render": function (row) {
                    return '<a href"#">Edit</a>';
                }

            }

        ],

HTML：

        <table>
            <thead>
            <tr role="row" class="heading">
                <th>
                    Id#
                </th>
                <th>
                    Original title (alternative titles)
                </th>
                <th>
                    Year of production
                </th>
                <th>
                    Country
                </th>
                <th>
                    Actions
                </th>
            </tr>
            </thead>
            <tbody>
            </tbody>
        </table>

正如您所看到的，我提供了一个5列数组作为数据源（id，标题，替代标题[]，生产年份和国家/地区）但我以不同方式呈现它们（原始标题和替代标题放在同一列中）而最后一列是动作按钮）。现在我想在最后一列上禁用排序（因为它没有任何意义，因为它是为按钮保留的）但是当我在最后一列上放置＆＃34; bSortable＆＃34;：false 时按钮，它会直观地影响最后一列，但也影响数据表发送的GET，当我点击＆＃34;按国家/地区排序时，没有任何反应，因为数据表发送＆＃34; bSortable_4 = false 到服务器。

我希望能够对Country列进行排序，但是要禁用Actions列上的排序。怎么做到这一点？

Answer 1

这是html

<table id="example">
            <thead>
            <tr role="row" class="heading">
                <th>
                    Id#
                </th>
                <th>
                    Original title (alternative titles)
                </th>
                <th>
                    Year of production
                </th>
                <th>
                    Country
                </th>
                <th>
                    Actions
                </th>
            </tr>
            </thead>
            <tbody>
            <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>delete</td></tr>
            <tr><td>2</td><td>2</td><td>4</td><td>5</td><td>delete</td></tr>
            </tbody>
        </table>

这是javascript

$(document).ready(function() {
$('#example').dataTable({
"order": [],
"aoColumnDefs": [
          { 'bSortable': false, 'aTargets': [ 4 ] }
       ],
});
});

这是工作小提琴https://jsfiddle.net/rtn6496n/10/

希望它有所帮助！

数据表 - 当不显示所有列时，如何禁用表中最后一列的排序

1 个答案: