AX - Tabla de Datos
Resumen
AX - Tabla de Datos es un componente de Experience Cloud que muestra tus registros de Salesforce en una tabla interactiva en las páginas de Experience Sites (anteriormente Community Cloud).
Úsalo para mostrar a los usuarios del portal conjuntos de datos filtrados con control total sobre columnas, ordenación, búsqueda y paginación. Extrae registros de cualquier objeto estándar o personalizado y permite que usuarios externos vean, busquen e interactúen con datos relevantes para su cuenta o perfil.
Perfecto para portales de clientes que muestran el historial de pedidos, portales de socios que muestran registros compartidos o sitios de autoservicio donde los usuarios necesitan encontrar y ver sus propios datos.
El Avonni Data Table es un Componente de Datos Reactivo
Tutoriales
Conecta tu Tabla de Datos a los datos de Salesforce
Fuente de datos
La sección Fuente de Datos es donde conectas la Avonni Data Table con tus datos de Salesforce. Tienes dos opciones.
Fuente de Datos Manual
Introduce datos manualmente en la tabla de datos.
Ideal para datos no dinámicos, pruebas y demostraciones.
Consulta
Crea una consulta para rellenar automáticamente la tabla con datos de Salesforce.
Adecuado para conjuntos de datos dinámicos, en tiempo real y grandes.
Colección CMS
Muestra sin problemas tus Colecciones CMS dentro de Tablas de Datos para actualizaciones dinámicas de contenido.
Crea listas de recursos o feeds de noticias que se actualicen automáticamente.

Configuración de Mapeos de Datos
Das vida a tu tabla de datos en la sección Mapeos de Datos definiendo y personalizando sus columnas.
Añadiendo Columnas
Haz clic en el botón 'Agregar Columnas' para seleccionar campos de tu fuente de datos que se mostrarán como columnas en la tabla de datos.

Esta sección determina qué datos son visibles y cómo se organizan en tu tabla.
Haz clic en una columna para acceder a todas las propiedades de esa columna específica.

Configurando Propiedades de Columnas
Tipo de Datos: Ajusta el tipo de visualización del campo (por ejemplo, texto, número, fecha) para asegurar la correcta representación de los datos.
Convertir en enlace: Habilita la vinculación de los datos de la celda a otros registros o URL para una navegación rápida.
Atributos de la Celda: Personaliza la alineación de la celda y los iconos para una tabla más intuitiva y visualmente atractiva.
Editable: Decide si una columna debe ser editable directamente dentro de la tabla.
Filtrable y Buscable: Habilita capacidades de filtrado y búsqueda por columna para una gestión eficiente de datos.
Oculto: Elige ocultar ciertas columnas, útil para datos sensibles o menos relevantes.
Ordenable: Permite que los usuarios ordenen los datos por la columna especificada.
Ocultar Acciones Predeterminadas: Opta por ocultar acciones preestablecidas para un aspecto más limpio.
Ajustar Texto: Habilita el ajuste de texto para una mejor legibilidad en columnas estrechas.
Establecer Ancho de Columna: Especifica el ancho de cada columna para un diseño equilibrado y organizado.
Añadiendo Acciones de Fila
Aquí tienes un tutorial interactivo guiado sobre cómo añadir acciones de fila a la Tabla de Datos.
Otras Configuraciones
Configuraciones Básicas
Ocultar Encabezado de la Tabla
Esta opción te permite eliminar el encabezado de la tabla para un aspecto más limpio y minimalista.

Ocultar Columnas de Casillas de Verificación
Activa esta configuración para ocultar las columnas de casillas de verificación, típicamente usadas para la selección de filas en escenarios de acciones múltiples.

Mostrar Columna de Número de Fila
Activa esto para mostrar una columna que enumera cada fila, lo cual es útil para referenciar datos fácilmente.
Configuración del Encabezado
Título y Subtítulo
Personaliza el encabezado con un título y un subtítulo para proporcionar contexto o información resumida sobre los datos de la tabla.
Nombre y Tamaño del Icono
Mejora el encabezado con un icono, seleccionando su tipo y tamaño para mayor énfasis visual.
Está unido
Esta configuración determina si el encabezado se conecta visualmente con el cuerpo de la tabla, afectando el diseño general.
Acciones del encabezado
Configura acciones (añadir, eliminar o funciones personalizadas) que sean accesibles directamente desde el encabezado de la tabla.

Botones de Acción en el Encabezado
Implementa botones de acción en el encabezado de la tabla para añadir nuevos registros, exportar datos u otras acciones personalizadas, mejorando la interacción y eficiencia del usuario.

Configura la interacción en el botón
Configura la interacción para cuando los usuarios pulsen el botón de acción del encabezado en la sección 'Al Hacer Clic'. Para entender cómo funciona la interacción 'Navegar', haz clic aquí para más información.

Tutorial
Create an Export To button on the Data TableAtributos de Paginación
Configura los ajustes de paginación, como el número de elementos por página y el estilo de paginación, para gestionar cómo se muestra y navega la información en tablas grandes.

Configuración del Motor de Búsqueda
Marcador de posición: Establece un texto de marcador de posición para la caja de búsqueda, orientando a los usuarios sobre qué pueden buscar.
Posición: Elige la posición de la caja de búsqueda dentro del diseño de la tabla para una accesibilidad óptima.
Valor de Búsqueda Predeterminado: Predefine un valor de búsqueda para filtrar los datos de la tabla cuando se cargue.


Configuración
Ocultar Encabezado de la Tabla
Conmutador para ocultar el encabezado de la tabla
Ocultar Columna de Casilla
Eliminar la columna utilizada para las casillas de selección de filas
Mostrar Columna de Número de Fila
Mostrar una columna que muestre el número de fila
Desplazamiento del Número de Fila
Establece el número inicial para la numeración de filas
Selección Máxima de Filas
Limita el número máximo de filas que se pueden seleccionar
Suprimir Barra Inferior
Ocultar la barra inferior usada típicamente para acciones y visualización de información
Mostrar Número de Elementos Seleccionados
Mostrar el recuento de elementos actualmente seleccionados
Solo Lectura
Hacer la tabla no interactiva, deshabilitando cualquier edición o selección
Permitir Edición en Todas las Columnas
Habilitar la edición para todas las columnas
Permitir Filtro en Todas las Columnas
Habilitar opciones de filtrado para todas las columnas
Permitir Ajuste en Todas las Columnas
Permitir ajuste de texto en todas las columnas
Ocultar Acciones Predeterminadas
Ocultar acciones predefinidas como editar o eliminar
Modo de Anchos de Columnas
Elige entre 'fijo' o 'automático' para la configuración del ancho de columnas
Ancho Máx/Mín de Columna
Establece límites máximos y mínimos para los anchos de columna
Máx. Líneas de Ajuste de Texto
Define el número máximo de líneas para el ajuste de texto en celdas
Redimensionar Columna Deshabilitado
Deshabilita la capacidad de redimensionar columnas
Paso de Redimensionamiento
Establece el incremento para el redimensionamiento de columnas
Dirección de Ordenación/Orden Predeterminado
Elige 'asc' o 'desc' para la dirección de ordenación inicial
Mostrar Ordenado por Valor
Muestra qué columna se está usando actualmente para ordenar
Título/Subtítulo del encabezado
Configura un título y subtítulo para el encabezado de la tabla
Nombre/Tamaño del Icono del Encabezado
Añade un icono al encabezado con tamaño personalizable
Encabezado Unido
Opta por conectar visualmente el encabezado con el cuerpo de la tabla
Ocultar/Deshabilitar Acciones del Encabezado
Controla la visibilidad e interactividad de las acciones del encabezado
Botones de Acciones Visibles en el Encabezado
Especifica qué botones de acción son visibles en el encabezado
Acciones del encabezado
Añadir acciones personalizadas al encabezado de la tabla
Atributos de Paginación
Mostrar paginación
Alternar la visualización de los controles de paginación
Número de Elementos por Página
Establece cuántos elementos mostrar por página
Opciones del Contenedor de Píldoras
Mostrar un contenedor para elementos seleccionados, usado a menudo con la selección de filas.
Opciones del motor de búsqueda
Marcador de Posición
Establece el texto del marcador de posición para la entrada de búsqueda
Posición
Define la posición de la barra de búsqueda
Valor de Búsqueda Predeterminado
Pre-puebla la barra de búsqueda con un valor por defecto
Opciones de filtrado
Configura el filtrado para mostrarse como un popover para cada columna.
Fuente de datos
Selecciona entre 'manual' y 'consulta' para rellenar los datos de la tabla.
Columnas
Define y añade columnas a la tabla de datos, personalizando las propiedades y el comportamiento de cada columna.
Encabezado
Color de fondo
Establece el color del fondo del encabezado.
Color del borde
Define el color del borde del encabezado.
Tamaño del borde
Ajusta el grosor del borde.
Estilo de borde
Selecciona el estilo (sólido, punteado, discontinuo, etc.) del borde.
Radio del borde
Redondea las esquinas del encabezado.
Color del Borde Inferior (Está Unido)
Especifica el color del borde inferior cuando el encabezado está visualmente unido con el cuerpo de la tabla.
Tamaño del borde inferior (Está unido)
Determina el grosor del borde inferior unido.
Estilo del borde inferior (Está unido)
Establece el estilo para el borde inferior unido.
Relleno y Margen
Controla el espaciado interno (padding) y externo (margen) del encabezado.
Título del encabezado
Color
Establece el color del texto del título.
Tamaño de fuente
Ajusta el tamaño del texto del título.
Peso de la fuente
Modifica el grosor (negrita) del texto del título.
Estilo de fuente
Aplica un estilo específico (cursiva, normal) al texto del título.
Subtítulo del encabezado
Color
Define el color del texto del subtítulo.
Tamaño de fuente
Ajusta el tamaño del texto del subtítulo.
Peso de la fuente
Controla el grosor del texto del subtítulo.
Estilo de fuente
Establece el estilo del texto del subtítulo.
Icono del Encabezado
Color de fondo
Establece el color de fondo del icono.
Color de primer plano
Cambia el color del propio icono.
Utilidad de color de primer plano
Ajusta el color utilitario para contraste o énfasis.
Radio del borde
Redondea las esquinas del icono para un aspecto más suave.
Contenedor de Píldoras
Color de Fondo de la Píldora/Al pasar el cursor
Establece el color de fondo de los elementos tipo píldora, con un color diferente al pasar el cursor.
Color del Texto de la Píldora/Al pasar el cursor
Cambia el color del texto dentro de la píldora, con un color diferente al pasar el cursor.
Altura de Línea de la Píldora
Ajusta la altura de línea dentro de la píldora para la alineación del texto.
Avatar
Ajuste del objeto de imagen del avatar
Determina cómo debe ajustarse la imagen del avatar dentro de su contenedor. Las opciones incluyen 'fill', 'contain', 'cover', 'none' y 'scale-down'.
Botones de paginación
Configuraciones de estilo
Personaliza la apariencia de los botones de paginación, incluyendo color, tamaño y propiedades del borde.
Pie de página
Color de fondo
Establece el color del fondo del pie de página.
Color del borde
Define el color del borde del pie de página.
Tamaño del borde
Ajusta el grosor del borde.
Estilo de borde
Selecciona el estilo del borde.
Radio del borde
Redondea las esquinas del pie de página.
Última actualización
¿Te fue útil?
