S-027 – Ejemplo de ApexGrid con Tailwind CSS y Daisy UI en Svelte

Os referí en el artículo S-025   que había probado la solución de ApexGrid, que podría ser la solución de DataGrid para cualquier proyecto, pero que había desistido de utilizarla porque no vi cómo se podía adaptar al español.

Al cabo de pocos días, consulté otra vez la web de ApexGrid e identifiqué que se había publicado la versión 3.3.0 y que se había solucionado este problema y además, se había renovado la web de documentación, estando mucho mejor.

Completé la demo que estaba haciendo y mi impresión es que todavía hay muchos aspectos que no entiendo de la solución, por ejemplo, que las acciones a nivel de registro, el típico CRUD, no esté disponible en la versión Community y su en la Profesional, por ello, en mis proyectos voy a seguir utilizando el DataGrid que he explicado en el artículo S-025 . Este artículo lo publico porque es posible que pueda ayudar a quién se inicia en el uso de ApexGrid en Svelte, ya que la documentación, no explica nada de este entorno.

Objetivo

Seleccionar un DataGrid «potente» para integrarlo en las app’s de los desarrollos en Svelte.

DEMO: https://fhumanes.com/apexgrid-svelte/

Para que salga el «popup» de las acciones hay que seleccionar el checkbox (casilla de verificación) o pulsar la tecla de «espacio».

Si estás interesado en este tema, sigue leyendo el artículo en este enlace.

S-026 – Crear DashBoard con ApexChart en Svelte

Aquel que me haya seguido desde 2017, sabrá que me gusta mucho la solución de AnyChart, pero que ésta es de pago, aunque los que trabajamos con PHPRunner, la licencia de PHPRunner incluye una licencia de AnyChart para integrar gráficos en sus desarrollos.

Este producto ApexCharts, es también un producto de muchas posibilidades y de excelente calidad, que dispone de una licencia Community, por lo que podremos utilizarlo en casi todas las posibilidades.

Aparte de analizar los tipos de gráficos, sus posibilidades, etc., se quiere probar su funcionamiento en Svelte 5 con Runas y su integración con TailWind CSS y Daisy UI.

Objetivo

Construir un ejemplo de aplicativo donde integremos ApexCharts, TailWind CSS y Daisy UI, y analizar las posibilidades de construcción de DashBoard.

DEMO: https://fhumanes.com/apexchart-svelte/

Si te interesa este artículo, sigue leyéndolo en este enlace. 

S-025 – Creación componente DataGrid con Daisy UI

Una de las cosas que se repiten muchísimas veces es disponer de un «DataGrid», para mostrar y navegar por los elementos de una tabla.

En los ejemplos hasta ahora mostrados, he utilizados soluciones hechas 100% con código Svelte 5 y en otras ocasiones el DataGrid de alguna librería como las de SVAR. He intentado utilizar ApexGrid, como DataGrid general y reutilizable para «todo», pero me he encontrado que sólo me funcionaba en inglés y no he sido capaz de ponerlo en otros idiomas.

Objetivo

Partiendo del DataGrid hecho con código Svelte 5 y utilizando Daisy UI, realizar un componente de DataGrid que pueda reutilizar en los proyectos de cara a simplificar,  optimizar y minimizar el código necesario para disponer de DataGrid para las tablas de un proyecto.

DEMO: https://fhumanes.com/datagrid-svelte/

Si estás interesado en este artículo, sigue leyéndolo en este enlace.