PrimeVue v3.17: Datatable: Reset sort to default sortField

Question

    const defaultSort = {
      field: "column1",
      sortOrder: 1,
    };

<DataTable
        id="table_searchResults"
        :value="searchResults"
        :paginator="true"
        :rows="defaultRowsPerPage"
        paginatorTemplate="Rows per page: RowsPerPageDropdown FirstPageLink PrevPageLink CurrentPageReport NextPageLink LastPageLink"
        :rowsPerPageOptions="rowsPerPage"
        currentPageReportTemplate="{currentPage} of {totalPages}"
        :sortField="defaultSort.field"
        :sortOrder="defaultSort.sortOrder"
        lazy
        :totalRecords="totalElements"
      ></DataTable>

Lazy datatable with default sort. After doing sort on another column, performing search is not resetting the table to default sort column.

Any thoughts?

Naming your variable defaultSort doesn't make it a default value... You have to set the sort column when you want it to be changed. — some-user
– some-user, Commented Oct 12, 2022 at 18:42

gvg · Accepted Answer · 2023-02-15 14:36:50Z

2

Define a ref value for your table and use it to set the sort field and order.

tableRefValue.value.d_sortField = defaultSort.field;
tableRefValue.value.d_sortOrder = defaultSort.sortOrder;

answered Feb 15, 2023 at 14:36

gvg

818 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

georiv Over a year ago

I was having problems mixing the data table sort functionality with custom sorting functions of my own and the issue was that i needed to reset the d_sortField and d_sortOrder values to default before applying my own sorting. This helped me figure out how to do it. Thanks

Collectives™ on Stack Overflow

PrimeVue v3.17: Datatable: Reset sort to default sortField

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related