使用ASP.NET核心的自定义html属性对datatable中的列进行排序

我有一个有三列的表: Id , Name 和 Size

在MVC视图中,我喜欢:

<table class="table table-hover">
    <thead>
        <tr>
            <th>Id</th>
            <th>Name</th>
            <th>Size</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.Items)
        {
            <tr>
                <td>
                    @item.Id
                </td>
                <td>
                    @item.Name
                </td>
                <td>
                    <span data-sort="@item.SizeVal">
                        @item.Size
                    </span>
                </td>
            </tr>
        }
    </tbody>
</table>

这个 大小 看起来像: 15 MB 或 1.25 GB 等

和 SizeVal 从…起 data-sort 属性是从MB、GB转换为字节的数字。

datatable 对象

var $fileTable = $(".table");

var dtable = $fileTable.DataTable({
    "columnDefs": [
        { "type": "any-number", targets: 2 }
    ],
    order: [[2, "desc"]],
    //responsive: true,
    stateSave: true,
    pageLength: 25
});

我想在排序大小列时,应该考虑从 数据排序 属性

我试过了

"columnDefs": [
   { "type": "any-number", targets: 2 }
],

但不是很好。

如何做到这一点?