Jeasy UI Table 列排序

Question

我正在使用 jeasy ui 数据网格。 Html代码如下

<table class="easyui-datagrid table table-striped" title="" fit="true" toolbar="#tb" id="RiskRegisterGrid"
                   data-options="url:'/RiskRegister/GetAllByCurrentProject',fitColumns:true,singleSelect:true,idField:'Id'" >
                <thead>
                    <tr>

                        <th data-options="field:'NameEn',width:200,sortable:true">@lblRiskRegister.Name</th>
                        <th data-options="field:'RCT_Name',width:200,sortable:true">Risk Catergory</th>
                        <th data-options="field:'OwnerName',width:200,sortable:true">Owner</th>
                        <th data-options="field:'PRB_Name',width:200,sortable:true">Probability</th>
                        <th data-options="field:'IMP_Name',width:200,sortable:true">Impact</th>
                        <th data-options="field:'Status',width:200,sortable:true">Status</th>
                        <th data-options="field:'CreatedBy',width:200,sortable:true">CreatedBy</th>
                        <th data-options="field:'CreatedDate',width:200" formatter="formatDate">CreatedDate</th>
                        <th data-options="field:'Id',width:200,hidden:false" formatter="editTemplate" align="center">@label.Actions</th>
                    </tr>
                </thead>
            </table>

我需要对具有 'sortable:true' 的所有列进行排序，很遗憾，我无法在线找到任何解决方案。

有人能帮忙吗？

Answer 1

<table class="easyui-datagrid table table-striped" title="" fit="true" toolbar="#tb" id="RiskRegisterGrid"
                   data-options="url:'/RiskRegister/GetAllByCurrentProject',fitColumns:true,singleSelect:true,idField:'Id',remoteSort:false,multiSort:true">
                <thead>
                    <tr>

                        <th data-options="field:'NameEn',width:200,sortable:true">@lblRiskRegister.Name</th>
                        <th data-options="field:'RCT_Name',width:200,sortable:true">@lblRiskRegister.RiskCatergory</th>
                        <th data-options="field:'OwnerName',width:200,sortable:true">@lblRiskRegister.Owner</th>
                        <th data-options="field:'PRB_Name',width:200,sortable:true">@lblRiskRegister.Probabilty</th>
                        <th data-options="field:'IMP_Name',width:200,sortable:true">@lblRiskRegister.Impact</th>
                        <th data-options="field:'Status',width:200,sortable:true">@lblRiskRegister.Status</th>
                        <th data-options="field:'CreatedBy',width:200,sortable:true">@lblRiskRegister.CreatedBy</th>
                        <th data-options="field:'CreatedDate',width:200" formatter="formatDate">@lblRiskRegister.CreatedDate</th>
                        <th data-options="field:'Id',width:200,hidden:false" formatter="editTemplate" align="center">@label.Actions</th>
                    </tr>
                </thead>
            </table>

您应该将这两个添加到数据选项中。然后就可以了

remoteSort:false,multiSort:true

Jeasy UI Table 列排序

Jeasy UI Table Column Sort

jquery

jquery-easyui