Componente

Tabla

Name: Django Components UI
Author: Javier Hernández

Componente de tabla avanzada basado en Tabulator.

{% comp_tabla ... %}

Código a utilizar

template.html

{% comp_tabla data_url="/api/mock-data/" columns=[{"title": "ID", "field": "id", "width": 60}, {"title": "Nombre", "field": "name"}, {"title": "Email", "field": "email"}, {"title": "Ciudad", "field": "city"}, {"title": "Estado", "field": "status"}] id="demo" page_size=5 searchable=True filterable=False height="380px" theme="modern" %}

Vista previa en vivo

Cargando Tabulador...

0 registros

API Props & Playground

Los cambios actualizan la vista previa en tiempo real

Prop	Valor	Default
`data_url` None		None
`columns` None	5 elementos	None
`id` 'main'		'main'
`editable` False		False
`deletable` False		False
`page_size` 10		10
`selectable` False		False
`header_font_size` '14px'		'14px'
`row_font_size` '13px'		'13px'
`header_actions` None		None
`group_by` None		None
`searchable` False		False
`filterable` False		False
`height` '400px'		'400px'
`exportable` False		False
`frozen_cols` 0		0
`theme` Tema visual de Tabulator 'modern'		'modern'
`classes` ''		''

Carga la librería con {% load components_ui %} antes de usar el componente.