将自定义文本传递给数据表“排序依据”选择标签

Question

I'm using the Vuetify datatable for my project. Based on the sample from the docs

https://vuetifyjs.com/en/components/data-tables/#usage

if you toggle to a device screen size the component will render a select for item sorting:

I want to pass a customized for the "Sort by" text. I was able to figure out how to customize most of the texts

no-data-text="My custom no data text"
no-results-text="My custom no results text"
:footer-props="{
  showFirstLastPage: true,
  itemsPerPageText: 'My custom items per page',
  itemsPerPageOptions: [10, 20, -1],
  itemsPerPageAllText: 'My all text',
  pageText: '{0} - {1} of {2}'
}"

but I wasn't able to figure out where to pass in a custom text for this "Sort by" label. Would someone mind telling me how to customize that?

Answer 1

Reading source code led me to this:
Html:
:header-props="headerProps"

Data:

headerProps: {
        sortByText: 'Custom sort by'
},

Demo

But they should've documented it. I couldn't find it in their official documents either.