Tablas de datos
Las tablas de datos son empleadas para mostrar información organizada de un conjunto de datos relacionados.
Asignaturas | Tipo | Impartición | Créditos | Código |
---|---|---|---|---|
ANTROPOLOGÍA CULTURAL | Básica de rama | 2º semestre | 6 | 40054 |
GEOGRAFÍA | Básica de rama | 1er. semestre | 6 | 40047 |
HISTORIA ANTIGUA UNIVERSAL I | Obligatoria | 1er. semestre | 6 | 40051 |
HISTORIA ANTIGUA UNIVERSAL II | Obligatoria | 2º semestre | 6 | 40056 |
HISTORIA DE LOS SISTEMAS ECONÓMICOS | Básica de rama | 1er. semestre | 6 | 40049 |
HISTORIA DEL ARTE | Básica de rama | 1er. semestre | 6 | 40048 |
HISTORIA DEL PENSAMIENTO POLÍTICO Y LOS MOVIMIENTOS SOCIALES | Básica de rama | 2º semestre | 6 | 40052 |
INGLÉS CIENTÍFICO PARA LA HISTORIA | Básica de rama | 2º semestre | 6 | 40053 |
PREHISTORIA UNIVERSAL I | Obligatoria | 1er. semestre | 6 | 40050 |
PREHISTORIA UNIVERSAL II | Obligatoria | 2º semestre | 6 | 40055 |
- HTML
- JS
<table class="tablesaw" data-tablesaw-mode="stack">
<caption>Primer curso</caption>
<thead>
<tr>
<th>Asignaturas</th>
<th>Tipo</th>
<th>Impartición</th>
<th>Créditos</th>
<th>Código</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40054&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">ANTROPOLOGÍA CULTURAL</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40054&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40054</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40047&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">GEOGRAFÍA</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40047&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40047</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40051&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA ANTIGUA UNIVERSAL I</a></td>
<td>Obligatoria</td>
<td>1er. semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40051&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40051</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40056&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA ANTIGUA UNIVERSAL II</a></td>
<td>Obligatoria</td>
<td>2º semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40056&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40056</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40049&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DE LOS SISTEMAS ECONÓMICOS</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40049&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40049</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40048&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DEL ARTE</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40052&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40048</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40052&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DEL PENSAMIENTO POLÍTICO Y LOS MOVIMIENTOS SOCIALES</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40052</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">INGLÉS CIENTÍFICO PARA LA HISTORIA</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40053</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40050&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">PREHISTORIA UNIVERSAL I</a></td>
<td>Obligatoria</td>
<td>1er. semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40050&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40050</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40055&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">PREHISTORIA UNIVERSAL II</a></td>
<td>Obligatoria</td>
<td>2º semestre</td>
<td>6</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40055&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40055</a></td>
</tr>
</tbody>
</table>
Variantes
Con columnas navegables
Asignaturas | Tipo | Impartición | Créditos | Alumnos 2019 | Nota media | Código |
---|---|---|---|---|---|---|
ANTROPOLOGÍA CULTURAL | Básica de rama | 2º semestre | 6 | 120 | 7,5 | 40054 |
GEOGRAFÍA | Básica de rama | 1er. semestre | 6 | 120 | 7,5 | 40047 |
HISTORIA ANTIGUA UNIVERSAL I | Obligatoria | 1er. semestre | 6 | 120 | 7,5 | 40051 |
HISTORIA ANTIGUA UNIVERSAL II | Obligatoria | 2º semestre | 6 | 120 | 7,5 | 40056 |
HISTORIA DE LOS SISTEMAS ECONÓMICOS | Básica de rama | 1er. semestre | 6 | 120 | 7,5 | 40049 |
HISTORIA DEL ARTE | Básica de rama | 1er. semestre | 6 | 120 | 7,5 | 40048 |
HISTORIA DEL PENSAMIENTO POLÍTICO Y LOS MOVIMIENTOS SOCIALES | Básica de rama | 2º semestre | 6 | 120 | 7,5 | 40052 |
INGLÉS CIENTÍFICO PARA LA HISTORIA | Básica de rama | 2º semestre | 6 | 120 | 7,5 | 40053 |
PREHISTORIA UNIVERSAL I | Obligatoria | 1er. semestre | 6 | 120 | 7,5 | 40050 |
PREHISTORIA UNIVERSAL II | Obligatoria | 2º semestre | 6 | 120 | 7,5 | 40055 |
- HTML
- JS
<table class="tablesaw-swipe" data-tablesaw-mode="swipe">
<caption>Primer curso</caption>
<thead>
<tr>
<th data-tablesaw-priority="persist">Asignaturas</th>
<th>Tipo</th>
<th>Impartición</th>
<th>Créditos</th>
<th>Alumnos 2019</th>
<th>Nota media</th>
<th>Código</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40054&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">ANTROPOLOGÍA CULTURAL</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40054&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40054</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40047&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">GEOGRAFÍA</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40047&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40047</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40051&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA ANTIGUA UNIVERSAL I</a></td>
<td>Obligatoria</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40051&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40051</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40056&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA ANTIGUA UNIVERSAL II</a></td>
<td>Obligatoria</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40056&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40056</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40049&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DE LOS SISTEMAS ECONÓMICOS</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40049&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40049</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40048&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DEL ARTE</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40052&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40048</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40052&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DEL PENSAMIENTO POLÍTICO Y LOS MOVIMIENTOS SOCIALES</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40052</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">INGLÉS CIENTÍFICO PARA LA HISTORIA</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40053</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40050&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">PREHISTORIA UNIVERSAL I</a></td>
<td>Obligatoria</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40050&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40050</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40055&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">PREHISTORIA UNIVERSAL II</a></td>
<td>Obligatoria</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40055&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40055</a></td>
</tr>
</tbody>
</table>
Con columnas ocultas
Asignaturas | Tipo | Impartición | Créditos | Alumnos 2019 | Nota media | Código |
---|---|---|---|---|---|---|
ANTROPOLOGÍA CULTURAL | Básica de rama | 2º semestre | 6 | 120 | 7,5 | 40054 |
GEOGRAFÍA | Básica de rama | 1er. semestre | 6 | 120 | 7,5 | 40047 |
HISTORIA ANTIGUA UNIVERSAL I | Obligatoria | 1er. semestre | 6 | 120 | 7,5 | 40051 |
HISTORIA ANTIGUA UNIVERSAL II | Obligatoria | 2º semestre | 6 | 120 | 7,5 | 40056 |
HISTORIA DE LOS SISTEMAS ECONÓMICOS | Básica de rama | 1er. semestre | 6 | 120 | 7,5 | 40049 |
HISTORIA DEL ARTE | Básica de rama | 1er. semestre | 6 | 120 | 7,5 | 40048 |
HISTORIA DEL PENSAMIENTO POLÍTICO Y LOS MOVIMIENTOS SOCIALES | Básica de rama | 2º semestre | 6 | 120 | 7,5 | 40052 |
INGLÉS CIENTÍFICO PARA LA HISTORIA | Básica de rama | 2º semestre | 6 | 120 | 7,5 | 40053 |
PREHISTORIA UNIVERSAL I | Obligatoria | 1er. semestre | 6 | 120 | 7,5 | 40050 |
PREHISTORIA UNIVERSAL II | Obligatoria | 2º semestre | 6 | 120 | 7,5 | 40055 |
- HTML
- JS
<table class="tablesaw-columntoggle" data-tablesaw-mode="columntoggle">
<caption>Primer curso</caption>
<thead>
<tr>
<th data-tablesaw-priority="persist">Asignaturas</th>
<th data-tablesaw-priority="1">Tipo</th>
<th data-tablesaw-priority="2">Impartición</th>
<th data-tablesaw-priority="3">Créditos</th>
<th data-tablesaw-priority="4">Alumnos 2019</th>
<th data-tablesaw-priority="5">Nota media</th>
<th data-tablesaw-priority="6">Código</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40054&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">ANTROPOLOGÍA CULTURAL</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40054&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40054</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40047&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">GEOGRAFÍA</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40047&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40047</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40051&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA ANTIGUA UNIVERSAL I</a></td>
<td>Obligatoria</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40051&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40051</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40056&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA ANTIGUA UNIVERSAL II</a></td>
<td>Obligatoria</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40056&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40056</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40049&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DE LOS SISTEMAS ECONÓMICOS</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40049&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40049</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40048&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DEL ARTE</a></td>
<td>Básica de rama</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40052&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40048</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40052&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">HISTORIA DEL PENSAMIENTO POLÍTICO Y LOS MOVIMIENTOS SOCIALES</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40052</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">INGLÉS CIENTÍFICO PARA LA HISTORIA</a></td>
<td>Básica de rama</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40053&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40053</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40050&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">PREHISTORIA UNIVERSAL I</a></td>
<td>Obligatoria</td>
<td>1er. semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40050&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40050</a></td>
</tr>
<tr>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40055&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">PREHISTORIA UNIVERSAL II</a></td>
<td>Obligatoria</td>
<td>2º semestre</td>
<td>6</td>
<td>120</td>
<td>7,5</td>
<td><a href="https://www2.ulpgc.es/index.php?pagina=plan_estudio&ver=pantalla&numPantalla=99&nCodAsignatura=40055&codTitulacion=4000&codPlan=41&tipotitulacion=G&codEspecialidad=">40055</a></td>
</tr>
</tbody>
</table>
Dependencias externas
Para el uso de las tablas de datos se contará con una librería externa llamada TableSaw que nos permitirá tener tablas que se ajusten a pantallas de diferentes resoluciones, dotándolas además de funcionalidades de ordenación y otras acciones más avanzadas que podrían ser fácilmente integradas en cualquiera de sus aplicaciones por los desarrolladores.
Será necesario cargar las archivos correspondientes al CSS y Javascript de la librería de la siguiente forma:
<html>
<head>
...
<link rel="stylesheet" href="https://designsystem.ulpgc.es/code/tablesaw/tablesaw.css">
</head>
<body>
...
...
<!-- load your own jQuery -->
<script src="https://designsystem.ulpgc.es/code/tablesaw/tablesaw.jquery.js"></script>
<script src="https://designsystem.ulpgc.es/code/tablesaw/tablesaw-init.js"></script>
</body>
</html>
Una vez incluidas las librerías, las tablas de datos deberán añadirse los parámetros necesarios según las distintas configuraciones (inicialmente, se plantea sólo el uso del stack mode):
<table class="tablesaw tablesaw-stack" data-tablesaw-mode="stack">
Uso del componente
El objetivo de este tipo de componente es mostrar datos tabulados. Para cualquier otro uso, es preferible emplear otro componente (pestañas, acordeones,...) o incluso una imagen o pdf.
Buenas prácticas:
- Ordene el contenido por orden de importancia para el usuarios de izquierda a derecha.
- Intente mantener la columna de referencia (generalmente la primera columna a la izquierda) visible en los caso en los que sea necesario desplazarse horizontalmente.
- En tablas muy largas, es una buena idea mantener la primera fila siempre visible.
- No priorice información compleja para el usuario. Datos como códigos, identificadores automáticos o nomenclaturas no tienen porque ser conocidos por el usuario mayoritario y añade mayor esfuerzo cognitivo al mismo. Prueba a situar este contenido en el lado más alejado de la tabla o reemplácelo por un lenguaje más "humano".
- Permita que el usuario pueda ordenar los datos por columna.
- En tablas con más de 25 filas, utilice un paginador para distribuir el contenido en múltiples vistas.
- Los valores numéricos deberían estar alineados siempre a la derecha.
- Los datos textuales deberían estar alineados siempre a la izquierda.
- No utilice la alineación centrada.
Estilos CSS
Estas son las clases aplicadas a las etiquetas HTML para conseguir los diferentes estilos.
Selector CSS | Descripción |
---|---|
table.tablesaw | Aplica estilos y funcionalidad de las tablas responsive en su modo básico |
table.tablesaw-swipe | Aplica estilos y funcionalidad de las tablas responsive con versión de navegación entre tablas |
table.tablesaw-columntoggle | Aplica estilos y funcionalidad de las tablas responsive con versión de navegación de selección de campos a mostrar |
Diseño
En esta sección se pueden ver los aspectos que presenta el componente para las diferentes pseudoclases relativas a la interacción con el mismo. Estos estilos siguen los mismos patrones de interacción que el resto de los componentes del Design System, por lo que su modificación puede afectar a la consistencia del sistema y a la experiencia de los usuarios.