[Table] Add option for "null" sort (when initialized with a default sort).

[caiotarifa]

Description

I don't know if this is a bug or a feature (haha).

In some cases, I need to initialize my sort with data from a URL. For example, I may have the following URL:

/page?sort=name

To make this possible, I use:

const { query } = useRoute()

const sort = ref({
  column: query.sort?.replace(/^-/, ''),
  direction: query.sort?.startsWith('-') ? 'desc' : 'asc'
})

It works like a charm, but since a default sort has been defined, the component assumes that the column (in this case, "name") must always have a sort. In other words, the third state (null) ceases to exist, and this sort must necessarily be either ascending or descending.

My suggestion would be to add a new property default to the sort object, something like:

const sort = ref({
  column: 'name',
  direction: 'asc',
  default: true
})

When true , the current behavior would remain. When false, the "null" sort would again be a possibility.

Additional context

No response

[caiotarifa]

Hoping to see it fixed in #2139.

[benjamincanac]

You should be able to achieve that in v3 yes since we're using TanStack Table now: https://ui3.nuxt.dev/components/table#with-column-sorting