Skip to content

th-app-java
th-app-java
Commit 52adde3f by Joel Florentin
Options

tablas en los listados dentro de un card de bootstrap

parent 5658d28f
Showing with 81 additions and 66 deletions
curriculumsearch/src/main/webapp/jsp/cargos.jsp
...@@ -20,40 +20,45 @@ contentType="text/html;charset=UTF-8" language="java" %> ...@@ -20,40 +20,45 @@ contentType="text/html;charset=UTF-8" language="java" %>
</form> </form>
<a href="/cargo">Agregar Nuevo Cargo</a> <a href="/cargo">Agregar Nuevo Cargo</a>
</div> </div>
<div> <div class="card text-dark bg-light mt-3">
<table class="table">
<thead> <div class="card-body">
<tr> <div class="table-responsive">
<th scope="col">#</th> <table class="table">
<th scope="col">Cargo</th> <thead>
</tr>
</thead>
<tbody>
<c:forEach items="${cargos}" var="cargo" varStatus="sta">
<tr> <tr>
<th scope="row">${sta.index+1}</th> <th scope="col">#</th>
<td>${cargo.getNombre()}</td> <th scope="col">Cargo</th>
<td>
<a href="/convocatorias?cargoId=${cargo.id}"
>Ver Convocatorias</a
>
</td>
<td><a href="/cargo/${cargo.id}">Editar cargo</a></td>
</tr> </tr>
</c:forEach> </thead>
</tbody> <tbody>
</table> <c:forEach items="${cargos}" var="cargo" varStatus="sta">
<tr>
<th scope="row">${sta.index+1}</th>
<td>${cargo.getNombre()}</td>
<td>
<a href="/convocatorias?cargoId=${cargo.id}"
>Ver Convocatorias</a
>
</td>
<td><a href="/cargo/${cargo.id}">Editar cargo</a></td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div> </div>
</div> <div class="card-footer">
<div class="card-footer"> <div>
<div> <nav aria-label="Page navigation example">
<nav aria-label="Page navigation example"> <ul class="pagination">
<ul class="pagination"> <c:forEach begin="1" end="${pages}" var="nro">
<c:forEach begin="1" end="${pages}" var="nro"> <li class="page-item ${(param.nroPagina == null and nro == 1) or param.nroPagina == nro-1 ? 'active' : ''}"><a class="page-link" href="javascript:buscarPagina(${nro})">${nro}</a></li>
<li class="page-item ${(param.nroPagina == null and nro == 1) or param.nroPagina == nro-1 ? 'active' : ''}"><a class="page-link" href="javascript:buscarPagina(${nro})">${nro}</a></li> </c:forEach>
</c:forEach> </ul>
</ul> </nav>
</nav> </div>
</div> </div>
</div> </div>
</div> </div>
......
curriculumsearch/src/main/webapp/jsp/convocatorias.jsp
...@@ -27,9 +27,12 @@ ...@@ -27,9 +27,12 @@
<input type="submit" value="Buscar"> <input type="submit" value="Buscar">
</form> </form>
</div> </div>
<div> <a href="/convocatoria">Agregar Nueva Convocatoria</a>
<a href="/convocatoria">Agregar Nueva Convocatoria</a> <div class="card text-dark bg-light mt-3">
<table class="table">
<div class="card-body">
<div class="table-responsive">
<table class="table">
<thead> <thead>
<tr> <tr>
<th scope="col">#</th> <th scope="col">#</th>
...@@ -56,8 +59,9 @@ ...@@ -56,8 +59,9 @@
</tbody> </tbody>
</table> </table>
</div>
</div>
</div> </div>
</layout:put> </layout:put>
<layout:put block="scripts" type="APPEND"> <layout:put block="scripts" type="APPEND">
......
curriculumsearch/src/main/webapp/jsp/tecnologias.jsp
...@@ -15,41 +15,47 @@ ...@@ -15,41 +15,47 @@
</form> </form>
<a href="/tecnologia">Agregar Nueva Tecnologia</a> <a href="/tecnologia">Agregar Nueva Tecnologia</a>
</div> </div>
<div> <div class="card text-dark bg-light mt-3">
<table class="table">
<thead> <div class="card-body">
<tr> <div class="table-responsive">
<th scope="col">#</th> <table class="table">
<th scope="col">Tecnologia</th> <thead>
</tr> <tr>
</thead> <th scope="col">#</th>
<tbody> <th scope="col">Tecnologia</th>
<th scope="col"></th>
<c:forEach items="${tecnologias}" var="tecnologia" varStatus="sta"> </tr>
<tr> </thead>
<th scope="row">${sta.index+1}</th> <tbody>
<td>${tecnologia.getNombre()}</td>
<c:forEach items="${tecnologias}" var="tecnologia" varStatus="sta">
<td><a href="/tecnologia/${tecnologia.id}">Editar tecnologia</a></td> <tr>
</tr> <th scope="row">${sta.index+1}</th>
</c:forEach> <td>${tecnologia.getNombre()}</td>
<td><a href="/tecnologia/${tecnologia.id}"><i class="bi bi-pencil-fill"></i></a></td>
</tr>
</c:forEach>
</tbody>
</tbody>
</table> </table>
</div>
<div class="card-footer">
<div>
<nav aria-label="Page navigation example">
<ul class="pagination">
<c:forEach begin="1" end="${pages}" var="nro">
<li class="page-item ${(param.nroPagina == null and nro == 1) or param.nroPagina == nro-1 ? 'active' : ''}"><a class="page-link" href="javascript:buscarPagina(${nro})">${nro}</a></li>
</c:forEach>
</ul>
</nav>
</div> </div>
</div> </div>
<div class="card-footer">
<div>
<nav aria-label="Page navigation example">
<ul class="pagination">
<c:forEach begin="1" end="${pages}" var="nro">
<li class="page-item ${(param.nroPagina == null and nro == 1) or param.nroPagina == nro-1 ? 'active' : ''}"><a class="page-link" href="javascript:buscarPagina(${nro})">${nro}</a></li>
</c:forEach>
</ul>
</nav>
</div>
</div>
</div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment