# Propiedades de Vuetify

# Introducción

A continuación se listan las propiedades nativas de Vuetify que se pueden utilizar en IrDataTable.

# Propiedades

Propiedad Tipo Default Requerido Descripción
checkbox-color string undefined false Determina el color del checkbox.
dark Boolean false false Aplica el modo oscuro.
dense Boolean false false Disminuye el alto de las filas.
disable-pagination Boolean false false Deshabilita la paginación
disable-sort Boolean false false Deshabilita el ordenamiento.
group-by String undefined false Las filas se agrupan por la propiedad detallada.
group-desc Boolean false false Invierte la dirección del ordenamiento por grupos.
height Number | String undefined false Determina la altura de la tabla.
hide-default-footer Boolean false false Oculta el footer.
hide-default-header Boolean false false Oculta el header.
loader-height Number | String 4 false Determina el alto del loader.
loading Boolean true false Habilita el loading.
loading-text String Loading items... false Texto mostrado cuando la tabla está cargando y no hay items para mostrar.
locale String 'en-US' false Determina el lenguaje usado para el ordenamiento.
mobile-breakpoint Number | String 600 false Determina cuando pasa de tamaño desktop a mobile.
multi-sort Boolean false false Habilita el ordenamiento múltiple.
must-sort Boolean false false Una vez ordenada la tabla no es posible cancelar el ordenamiento.
no-data-text String 'No data available' false Texto mostrado cuando no hay items para mostrar.
page Number 1 false Número de página actual.
selectable-key String 'isSelectable' false

Propiedad que se toma como referencia para determinar si la fila es seleccionable o no.

Eejemplos:

[
  {name: "Pedro", edad: 22, isSelectable: false}, // no seleccionable
  {name: "Robertito", edad: 21}, // seleccionable
  {name: "Carlos", edad: 21, isSelectable: true} // seleccionable
]

selectable-key: seleccionable

[
  {name: "Pedro", edad: 22, seleccionable: false}, // no seleccionable
  {name: "Robertito", edad: 21}, // seleccionable
  {name: "Carlos", edad: 21, seleccionable: true} // seleccionable
]
show-group-by Boolean false false Habilita la selección de propiedades por las cuales se van a agrupar las filas.
single-select Boolean false false Permite seleccionar una sola fila.
sort-by String | Array undefined false Determina las propiedades por las que van a estar ordenadas (ascendentemente) las filas.
sort-desc Boolean false false

Determina la dirección de ordenamiento actual. Se puede combinar con sort-by para hacer el ordenamineto descendente.

show-expand Boolean false false Habilita la expansión de una fila.
single-expand Boolean false false Permite que únicamente se pueda expandir una sola fila.
Last Updated: 4/5/2024, 4:52:19 PM