Don't sort by asc

[vuthehuyht]

I have been using List.js to sort data table when column title clicked, but can't sort by asc only sort by desc. Here my code:

    <div class="row title key small">
        <div class="col-1">チェック</div>
        <div class="col-2 sort" data-sort="sort02">
            ASP<a href="javascript:void(0)">⇅</a>
        </div>
        <div class="col-5 sort" data-sort="sort03">
            案件名<a href="javascript:void(0)">⇅</a>
        </div>
        <div class="col-2 sort" data-sort="sort04" data-default-order="asc">
            成果地点・報酬単価<a href="javascript:void(0)">⇅</a>
        </div>
        <div class="col-2" data-sort="sort05">
            詳細
        </div>
    </div>
    <div class="subreportArea accordion data-table list" id="accordion" role="tablist"
         aria-multiselectable="true">
        <div class="text-center p-3" style="border-bottom: solid 1px #ccc;">
            Choose above conditions to search.
        </div>
    </div>
    <!-- /accordion -->
</div>

and JavaScript is used to show data

 function renderDataHtml(data) {
        if (!data || Object.entries(data).length <= 0) {
            renderTextNoResult(true);
            return;
        }
        renderTextNoResult(false);

        let tBody = "";

        let rowHeading = ``;
        let d_name = "";
        let d_sponsor_site_url = "";
        let d_price = "";
        let d_detail_url = "";

        let index = 0;

        data.forEach((item) => {
            d_name = item.name;
            d_sponsor_site_url = item.sponsor_site_url;
            d_price = item.price;
            d_detail_url = item.detail_url;

            rowHeading = `<div class="row contents middle bold pagination-item" role="tab" id="heading${index}"
                            data-sort04="${d_price}">
                            <div class="col-1 sort01">
                             <label class="checkbox-button">
                                <input type="checkbox" class="checkbox-button__input" id="${index}" name="filter_condition">
                                <span class="checkbox-button__control"></span>
                             </label>
                            </div>
                      <div class="col-2 sort02">${d_name}</div>
                      <div class="col-5 text-left text-wrap sort03"><a style="text-decoration: none" href="${d_sponsor_site_url}">${d_detail_url}</a></div>
                      <div class="col-2 sort04">${show_value(d_price, '円')}</div>
                      <div class="col-2 sort05">
                         <a href="${d_detail_url}"> <button class="btn btn-primary" style="background-color: #34abc0">
                           ASP管理画面
                        </button></a>
                      </div>
                    </div>`;
            tBody += rowHeading;
            g_result_csv.push({
                'name': d_name,
                'sponsor_site_url': d_sponsor_site_url,
                'price': show_value(d_price, '円'),
                'detail_url': d_detail_url
            });
            index++;
        });

        // Show table result
        $('#table-search-result').removeClass('d-none')

        dataTable.html(tBody);
    }

Can anyone help me resolving this problem??

[CePur]

same here,.

edit: fixed after version update.