/ui/tables

El componente BkTable es un tabla que sirve para representar información en filas y columnas.

Esta tabla cuenta con los siguientes componentes: BkTableContainer, BkTable, BkTableHead, BkTableBody, BkTableRow y BkTableCell.

	Básico	Recomendado
SO	Windows 8.1	Windows 8.1
Procesador	Intel Core 2 Quad CPU Q6600 @ 2.40GHz (4 CPUs) / AMD Phenom 9850 Quad-Core Processor (4 CPUs) @ 2.5GHzws 8.1	Intel Core i5 sexta generación (4 CPUs) / AMD X8 FX-8350 @ 4GHZ (8 CPUs)
RAM	4GB	8GB
Gráficos	Intel HD o similar (DX11 compatible)	NVIDIA GeForce GTX 1060 3GB o similar (DX11 compatible)
Disco duro	2GB	5GB
Internet	20Mbps / WIFI a/g/n (54Mbps)	150Mbps / WIFI a/g/n (54Mbps)
ANT+	Antena ANT+ conectada a un puerto USB del PC	Antena ANT+ conectada a un puerto USB del PC
Bluetooth	Es necesario Windows 10 o superior	BLE 4.0+ Requiere adaptador

<BkTableContainer>
    <BkTable>
        <BkTableHead>
            <BkTableRow>
                <BkTableCell></BkTableCell>
                <BkTableCell>Básico</BkTableCell>
                <BkTableCell>Recomendado</BkTableCell>
            </BkTableRow>
        </BkTableHead>
        <BkTableBody>
            <BkTableRow>
                <BkTableCell>SO</BkTableCell>
                <BkTableCell>Windows 8.1</BkTableCell>
                <BkTableCell>Windows 8.1</BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Procesador</BkTableCell>
                <BkTableCell>
                    Intel Core 2 Quad CPU Q6600 @ 2.40GHz (4
                    CPUs) / AMD Phenom 9850 Quad-Core
                    Processor (4 CPUs) @ 2.5GHzws 8.1
                </BkTableCell>
                <BkTableCell>
                    Intel Core i5 sexta generación (4 CPUs)
                    / AMD X8 FX-8350 @ 4GHZ (8 CPUs)
                </BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>RAM</BkTableCell>
                <BkTableCell>4GB</BkTableCell>
                <BkTableCell>8GB</BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Gráficos</BkTableCell>
                <BkTableCell>
                    Intel HD o similar (DX11 compatible)
                </BkTableCell>
                <BkTableCell>
                    NVIDIA GeForce GTX 1060 3GB o similar
                    (DX11 compatible)
                </BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Disco duro</BkTableCell>
                <BkTableCell>2GB</BkTableCell>
                <BkTableCell>5GB</BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Internet</BkTableCell>
                <BkTableCell>
                    20Mbps / WIFI a/g/n (54Mbps)
                </BkTableCell>
                <BkTableCell>
                    150Mbps / WIFI a/g/n (54Mbps)
                </BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>ANT+</BkTableCell>
                <BkTableCell>
                    Antena ANT+ conectada a un puerto USB
                    del PC
                </BkTableCell>
                <BkTableCell>
                    Antena ANT+ conectada a un puerto USB
                    del PC
                </BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Bluetooth</BkTableCell>
                <BkTableCell>
                    Es necesario Windows 10 o superior
                </BkTableCell>
                <BkTableCell>
                    BLE 4.0+ Requiere adaptador
                </BkTableCell>
            </BkTableRow>
        </BkTableBody>
    </BkTable>
</BkTableContainer>

Responsive

Con la prop responsive la tabla crearía una scroll bar debajo que permite ver los elementos con facilidad sin que se "corte" en tamaños pequeños.

	Individual	Familiar	Anual
Usuarios
Rutas, eventos y competiciones
Gestión y registro de resultados
Workouts
Plan Entrenamiento
Conexion simultánea
Permanencia
Precio mensual

<BkTableContainer>
    <BkTable responsive>
        <BkTableHead>
            <BkTableRow>
                <BkTableCell></BkTableCell>
                <BkTableCell>Individual</BkTableCell>
                <BkTableCell>Familiar</BkTableCell>
                <BkTableCell>Anual</BkTableCell>
            </BkTableRow>
        </BkTableHead>
        <BkTableBody>
            <BkTableRow>
                <BkTableCell>Usuarios</BkTableCell>
                <BkTableCell><BkIcon name='close' color='error' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Rutas, eventos y competiciones</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Gestión y registro de resultados</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Workouts</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Plan Entrenamiento</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Conexion simultánea</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Permanencia</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
            <BkTableRow>
                <BkTableCell>Precio mensual</BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
                <BkTableCell><BkIcon name='checked' color='success' /></BkTableCell>
            </BkTableRow>
        </BkTableBody>
    </BkTable>
</BkTableContainer>

BkTableContainer

Nombre	Type	Default	Reuqerido	Descripción
children	node	null		Contenido del componente.

BkTable

Nombre	Type	Default	Reuqerido	Descripción
children	node	null		Contenido del componente..
responsive	bool	null		En tamaño pequeños sale una scroll bar para que se vea mejor los elementos.

BkTableHead

Nombre	Type	Default	Reuqerido	Descripción
children	node	null		Contenido del componente..

BkTableBody

Nombre	Type	Default	Reuqerido	Descripción
children	node	null		Contenido del componente.

BkTableRow

Nombre	Type	Default	Reuqerido	Descripción
children	node	null		Contenido del componente.

BkTableCell

Nombre	Type	Default	Reuqerido	Descripción
children	node	null		Contenido del componente.