Search Panes升序排序异常求助：字符串筛选数据无法正常排序

我在用Search Panes做产品筛选，需要让筛选面板里的数据至少按升序排列，但现在数据是随机顺序的。数据存在表格的table > tbody > tr > td > div > span（DATA）结构里，问题在于筛选数据是字符串类型。我试过几乎所有排序配置选项，也写过自定义JavaScript，但都没效果。

附上当前使用的代码：

//$('.variants-table').DataTable().destroy()
$('.variants-table').DataTable({
    "bPaginate": false,
    bProcessing: false,
    columnDefs:[{
        searchPanes: {
            collapse: true,
            collapse: false
        },
        targets: [1]
    }],
    searchPanes: {
        cascadePanes: true,
        threshold: 1,
        controls: false,
        orderable: true,
        collapse: true,
        clear: false,
        dtOpts: {
            order: [[0, "desc"]],
            select: {
                style: 'multi'
            },
        },
        columns: [1, 2, 3, 4, 5],
    },
    initComplete: function (settings, json) {
        $('.dtsp-panes').append(
            $(document.createElement('button')).prop({
                type: 'button',
                innerHTML: `<i class="bi bi-arrow-down"></i> View Results`,
                class: 'btn btn-primary view-results d-none',

            }).attr('onClick', 'smoothScroll()')

        );
        $('.dtsp-topRow').on('click', function () {
            $(this).toggleClass('bg-secondary')
        })
    },
    dom: 'Plfrtip',
    "drawCallback": function (settings) { if ($(window).width() < 1024) { mobileProductFilter(); } }
})

筛选面板截图

我已经试过Search Panes的多数配置选项，但数据还是无法排序。求解决方案，如需更多信息可以告知。

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