Listado, filtros y paginación

Filtro por columna, búsqueda global, orden por AJAX, paginación configurable y columna de acciones a la izquierda — todo en la tabla, sin recargar la página.

$config = new TableConfig([...], perPage: 10, perPageOptions: [10, 24, 50]); $crud = new AppyCrud($connection, 'tareas', $config, 'es', [ 'filterableFields' => ['titulo', 'categoria_id', 'prioridad', 'completada'], 'actionsPosition' => ActionsPosition::LEFT, // default: RIGHT ]);

¿Y con MariaDB/MySQL en producción, en vez del SQLite de esta demo?

Esta demo usa SQLite en un archivo temporal para no necesitar una base de datos real. En tu proyecto, con MariaDB o MySQL, solo cambia cómo abres la conexión — el resto del código (TableConfig, AppyCrud, handle()) es exactamente igual.

$pdo = new PDO(
    'mysql:host=localhost;port=3306;dbname=mi_bd;charset=utf8mb4',
    'usuario',
    'clave'
);
$connection = Connection::fromPdo($pdo);
// MariaDB usa el mismo driver PDO 'mysql' que MySQL — no hay driver 'mariadb' separado.
// Con Laravel: Connection::fromPdo(DB::connection()->getPdo());
// Con CodeIgniter 4: Connection::fromPdo(\Config\Database::connect()->getConnection());

¿Cómo se ve el aviso cuando SÍ hay una actualización disponible?

Esta demo ya corre la versión más reciente publicada (v0.1.16), así que checkForUpdates (activado arriba) no tiene nada que avisar ahora mismo. Esta es exactamente la misma pieza de HTML que se renderiza de verdad — con una versión de ejemplo, para que veas cómo se vería:

Hay una nueva versión de AppyCrud disponible: v9.9.9.

Ver cambios

Listado de tareas

Titulo	Descripcion ↓	Categoria	Prioridad	Completada

Tarea de ejemplo 1	Puedes editar, filtrar o borrar esta fila libremente.	Personal	Media	0
Tarea de ejemplo 2	Puedes editar, filtrar o borrar esta fila libremente.	Trabajo	Alta	0
Tarea de ejemplo 3	Puedes editar, filtrar o borrar esta fila libremente.	Urgente	Baja	1
Tarea de ejemplo 4	Puedes editar, filtrar o borrar esta fila libremente.	Personal	Media	0
Tarea de ejemplo 5	Puedes editar, filtrar o borrar esta fila libremente.	Trabajo	Alta	0
Tarea de ejemplo 6	Puedes editar, filtrar o borrar esta fila libremente.	Personal	Baja	1
Tarea de ejemplo 7	Puedes editar, filtrar o borrar esta fila libremente.	Trabajo	Media	0
Tarea de ejemplo 8	Puedes editar, filtrar o borrar esta fila libremente.	Urgente	Alta	0
Tarea de ejemplo 9	Puedes editar, filtrar o borrar esta fila libremente.	Personal	Baja	1
Tarea de ejemplo 10	Puedes editar, filtrar o borrar esta fila libremente.	Trabajo	Media	0

Pagina 1 de 3

Por pagina:

AnteriorSiguiente