Vuetify: [Bug Report] Data table displays items-per-page combobox when only one option available

Created on 27 Jul 2019  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.1
Last working version: 1.5.16
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Linux x86_64

Steps to reproduce

Add a data table and use various options to try to hide the items-per-page combobox.

Expected Behavior

Before 2.0, data tables used to hide (rows-per-page-items) combobox if there was only one option to select from.

Is there a way to hide only that part (combobox) of data table's footer? I've tried using items-per-page-options, items-per-page-text, and disable-items-per-page.

P.S. docs for v-data-footer are missing descriptions when accessed from data table's page (https://vuetifyjs.com/en/components/data-tables), but work fine when accessed from data iterator's page (https://vuetifyjs.com/en/components/data-iterators)

Actual Behavior

Using the options above, I've only managed to disable (not hide) the combobox.

Reproduction Link

https://codepen.io/anon/pen/dxOZBa

VDataTable low has PR regression

Most helpful comment

All 2 comments

Similarly, even with disable-sort and all headers having sortable: false, there will be a "sort by" combobox shown (disabled, but visible) if the screen width is reduced sufficiently. Please see the updated pen above for demo (https://codepen.io/anon/pen/dxOZBa) and reduce screen width below 600px.

Was this page helpful?
0 / 5 - 0 ratings