# Clases de filas
Propiedad del componente IrDataTable, que aplica estilos personalizados a una fila que cumpla con determinadas condiciones definidas en la misma propiedad.
# Ejemplo
# Uso
Propiedad con estructura de objeto:
{
"conditional": "(name === 'Frozen Yogurt' || name length > 10) && (calories > 100)", // Condicionalidad determinada para la aplicación de clases
"true_classes": "blue white--text", // clases que se aplicarán en caso de que se cumpla la condicionalidad
"false_classes": "white red--text" // clases que se aplicarán en caso de que NO se cumpla la condicionalidad
},
En la propiedad conditional del objeto usted podrá definir una condicionalidad donde se podrán utiilizar los siguientes caracteres:
|
|
|
|
|
|
| |
|
|
|
|
Letras | Números |
Podrán utilizarse operadores lógicos and (&&) y or (||), operadores relacionales <, >, <=, >= y paréntesis para la separación de términos.
También podrán utilizarse métodos de clase de Javascript, propios del tipo de dato. Por ejemplo: El método includes del tipo de dato String se aplicaría de la siguiente forma, nombre includes 'D'. Donde se utilizará la sentencia nombre.includes de JS para retornar un Booleano.
Cada término de la condicionalidad deberá estar compuesto de la siguiente manera: peso > 100, donde peso es una propiedad de los items de la tabla, > el operador relacional y 100 el valor a comparar.
O de la siguiente manera: nombre length > 2 donde nombre es una propiedad de los items de la tabla, length es una sub-propiedad de la nombrada anteriormente, > el operador relacional y 2 el valor a comparar.
Cabe recalcar también que cuando se quiera comparar con valores que sean de tipo String, deberá definirse este valor con comillas dobles " o simples '. Por ejempo: nombre === 'Pedro'.
# Clases
Las clases aplicables para las filas de la tabla podrán encontrarse en Vuetify en los siguientes enlaces:
- Colores
{color}text--{color} - Texto y tipografía
- Espaciado
Próximamente investigaremos el funcionamiento y la aplicación de mas clases.