Vuetify - Query Data Table
Dessert (100g serving)
group
Calories
group
Fat (g)
group
Carbs (g)
group
Protein (g)
group
Iron (%)
group
Ações
FROZEN YOGURT20062441%
ICE CREAM SANDWICH2009374.31%
ECLAIR300162367%
CUPCAKE3003.7674.38%
GINGERBREAD40016493.916%
JELLY BEAN40009400%
LOLLIPOP4000.29802%
HONEYCOMB4003.2876.545%
DONUT50025514.922%
KITKAT500266576%
Exibindo de 1 até 10 de 10 registros
Exemplo de configuração
{
  "hideActions": false,
  "hideMenu": false,
  "hideSearch": false,
  "disallowGroups": false,
  "query": null,
  "actions": {
    "single": {
      "modify": {
        "icon": "edit",
        "text": "Editar"
      },
      "remove": {
        "icon": "delete",
        "text": "Remover"
      }
    },
    "table": {
      "add": {
        "icon": "add",
        "text": "Novo",
        "quick": true
      },
      "download": {
        "icon": "cloud_download",
        "text": "Exportar"
      }
    },
    "bulk": {
      "remove": {
        "icon": "delete",
        "text": "Excluir"
      }
    }
  },
  "headers": [
    {
      "text": "Dessert (100g serving)",
      "align": "left",
      "value": "name",
      "pickable": false,
      "$extra": {}
    },
    {
      "text": "Tipo",
      "value": "kind",
      "$extra": {
        "visible": false,
        "transformItem": {
          "hot": "Quente",
          "room_temperature": "Temperatura Ambiente",
          "cold": "Gelado"
        }
      }
    },
    {
      "text": "Calories",
      "align": "center",
      "value": "calories",
      "$custom": {
        "template": "chips",
        "dark": true
      }
    },
    {
      "text": "Fat (g)",
      "value": "fat",
      "$extra": {
        "filterable": false
      }
    },
    {
      "text": "Carbs (g)",
      "value": "carbs"
    },
    {
      "text": "Protein (g)",
      "value": "protein"
    },
    {
      "text": "Iron (%)",
      "value": "iron"
    },
    {
      "text": "Ações",
      "value": "_actions"
    }
  ]
}