[SUI] Table

Los iPads y Macs pueden presentar más contenido en la pantalla, así que si se necesita presentar más de una columna, se puede usar el componente Table

• init(_:selection:sortOrder:columns:): data es la información de la tabla. selection son los identificadores de las filas seleccionadas. sortOrder es un arreglo con los descriptores de orden de tipo SortComparator. columns con las vistas para crear las columnas.
• init(of:selection:sortOrder:columns:rows:): data son los datos a mostrar. selection es un arreglo con los identificadores de las filas seleccionadas. sortOrder son los descriptores (arreglo) de orden de la tabla. columns son las vistas para crear las columnas. rows vistas para crear las filas.

El contenido se define con los componentes TableColumn y TableRow

• TableColumn.init(_:value:content:): text es el título de la columna. value es el KeyPath de la propiedad que tiene los valores de la columna. content define la vista a mostrar en la columna.
• TableRow.init(_:): value es el valor de una fila para cada columna de la tabla.

Por defecto, el ancho de las columnas es determinado por el número de columnas en la tabla y el espacio disponible. Para cambiarlo, se usa:

• width(_:): Ancho fijo.
• width(min:ideal:max:): Ancho flexible.