@c3labsbr/vuetify-elements

A C3Labs collection of Vuetify components for Vue 3 applications.
4,946
Install
npm install @c3labsbr/vuetify-elements
Latest Version:1.17.0
Vue:3
License:MIT
Last Updated:Oct 22, 2026
Links: npm
Maintainer: rafaelbochi

C3Labs Vuetify Elements

C3Labs Vuetify Elements is a comprehensive library of Vue 3 components built with Vuetify 3, designed to enhance C3Labs developers experience. This package offers a wide range of customizable components that seamlessly integrate with Vuetify, allowing you to create stunning user interfaces with ease.

Menu de coluna estilo Excel (columnMenu="excel")

O GenericTable continua com o menu atual por padrão (columnMenu="legacy"). Com columnMenu="excel" (ou app.use(VuetifyElements, { defaultColumnMenu: 'excel' })) cada cabeçalho abre um painel com Classificar de A a Z, Classificar de Z a A, campo de pesquisa e lista de valores da coluna (checkbox). Esconder e mover colunas ficam no clique direito do cabeçalho, e o cabeçalho pode ser arrastado para reordenar.

Props opcionais (todas com default que preserva o comportamento anterior):

Prop Valores Padrão Descrição
columnMenu 'legacy' | 'excel' 'legacy' ou a opção do plugin Tipo de menu do cabeçalho
sortMode 'local' | 'server' 'local' 'server' desliga a ordenação do Vuetify; use v-model:ordering e @update:options
filterMode 'local' | 'server' 'local' 'local' filtra os items carregados; 'server' emite update:options (ou chama filterFn)
v-model:columnFilters IColumnFilter[] [] Filtros ativos; guarde no store da tela para mantê-los ao navegar
fetchColumnValues (field, search, activeFilters) => Promise<IColumnValue[]> — Valores da lista no modo server; sem ela, a lista sai dos items

No IHeader: filterable: false tira a coluna do filtro, filterField define o nome do campo no servidor (padrão: value com . trocado por __) e filterOptions informa uma lista fixa de opções.

Um filtro icontains vem do texto digitado e um filtro in das opções marcadas. buildColumnFilterParams(filters) converte para parâmetros de query (campo=texto, campo__in=a&campo__in=b).

Related Packages

@gigerit/inertia-table-vuetify

Vuetify 4 adapter for InertiaUI Table.

3,845
v-snackbars

Display the v-snackbar (from Vuetify) with a stack display

92,647 110
@nextgis/vuetify-notice

component to display quick message and dialog to a user

1,621 0
seeroad-libs

A collection of utility classes

1,068
@forizi-tecnologia/ui

Forizi UI — Vue 3 + TypeScript + Vuetify 3 component library

2,885 0

Version History

Version Released Vue License
1.17.0 ^3.4.31 MIT
1.16.2 ^3.4.31 MIT
1.16.1 ^3.4.31 MIT
1.16.0 ^3.4.31 MIT
1.15.1 ^3.4.31 MIT