jQuery DataTable问题：无法取消指定列的排序功能

我之前也碰到过类似的糟心事，用服务器控件生成表格后配置DataTables总是不生效，大概率是初始化时机、列配置对应关系或者表格结构出了问题，给你几个排查和解决的方向：

1. 确保DataTables初始化代码的列配置完全对应 #

首先，你得确认初始化时columns数组的索引和表格实际列的顺序完全匹配，而且要使用DataTables官方的orderable: false属性（注意不是sortable，这个是旧版本或者其他插件的命名，官方已经不用了）。

给你一个正确的初始化示例：

$(document).ready(function() {
    // 一定要等Repeater渲染完成后再初始化
    $('#fcTable').DataTable({
        "columns": [
            { "orderable": true },    // 第1列：允许排序
            { "orderable": false },   // 第2列：禁止排序（你的目标列之一）
            { "orderable": false },   // 第3列：禁止排序（你的目标列之二）
            { "orderable": true },    // 后续列按需设置
            // ... 其他列的配置
        ]
    });
});

2. 检查Repeater生成的表格结构是否标准 #

DataTables对表格结构有严格要求：必须包含<thead>和<tbody>标签。你的Repeater代码里要确保表头在<thead>中，数据行在<tbody>中，比如：

<asp:Repeater runat="server" ID="rptTableData" OnItemCommand="rptTableData_ItemCommand">
    <HeaderTemplate>
        <div id="divFCTable">
            <table id="fcTable" class="table table-striped table-bordered table-hover">
                <thead>
                    <tr>
                        <th>列1</th>
                        <th>目标列A</th>
                        <th>目标列B</th>
                        <!-- 其他表头 -->
                    </tr>
                </thead>
                <tbody>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td><%# Eval("Col1") %></td>
            <td><%# Eval("TargetColA") %></td>
            <td><%# Eval("TargetColB") %></td>
            <!-- 其他数据列 -->
        </tr>
    </ItemTemplate>
    <FooterTemplate>
                </tbody>
            </table>
        </div>
    </FooterTemplate>
</asp:Repeater>

如果结构不完整，DataTables没法正确识别列，你的配置自然不会生效。

3. 处理动态绑定后的初始化问题 #

如果你的Repeater是通过异步方式绑定数据（比如用UpdatePanel局部刷新），那得在数据绑定完成后重新初始化DataTables，避免旧实例干扰：

// 假设在Repeater绑定完成的回调中执行
function refreshDataTable() {
    // 先销毁旧实例
    var table = $('#fcTable').DataTable();
    table.destroy();
    // 重新初始化
    $('#fcTable').DataTable({
        "columns": [
            // 你的列配置
        ]
    });
}

4. 排查CSS或插件冲突 #

如果以上都没问题，检查浏览器控制台有没有报错，同时看看目标列的CSS类：设置orderable: false后，列的<th>标签应该会被添加sorting_disabled类。如果没有，说明初始化代码没执行到，可能是JS冲突或者DOM加载顺序问题。

另外，别混用sortable这个属性，DataTables的官方属性是orderable，searchable只是控制是否允许搜索，和排序箭头无关。

内容的提问来源于stack exchange，提问作者NoBullMan