romanov73/ng-tracker
1
0
Fork 0
Code Issues 18 Pull Requests 4 Projects Releases Wiki Activity

#53 added supporting bootstrap style

Browse Source
This commit is contained in:
Nightblade73 2019-03-18 18:41:59 +04:00
parent 6296b661a9
commit fd22aecd22
3 changed files with 47 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/resources/public/css/conference.css
View File

@ -91,4 +91,3 @@
position: relative; position: relative;
font-size: 1rem; font-size: 1rem;
} }

8
src/main/resources/public/js/conference.js
View File

@ -1,3 +1,9 @@
$(document).ready(function () { $(document).ready(function () {
$('#table_id').dataTable(); $('#table_id').dataTable({
"pageLength": 10,
select: {
style: 'multi'
},
"lengthChange": false
});
}); });

28
src/main/resources/templates/conferences/conferences.html
View File

@ -3,8 +3,8 @@
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
layout:decorator="default"> layout:decorator="default">
<head> <head>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css"/> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/v/bs4/dt-1.10.18/datatables.min.js"></script>
</head> </head>
<body> <body>
@ -25,24 +25,30 @@
<hr/> <hr/>
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<form id="paper-form" method="post"> <form id="conferences-form" method="post">
<table id="table_id" class="table table-bordered table-hover dataTable">
<table id="table_id" class="display">
<thead> <thead>
<tr> <tr>
<th>Column 1</th> <th>Название:</th>
<th>Column 2</th> <th>Описание:</th>
<th>Начало:</th>
<th>Конец:</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Row 1 Data 1</td> <td>Конференция 1</td>
<td>Row 1 Data 2</td> <td>Описание 1</td>
<td>01.01.2000</td>
<td>02.01.2000</td>
</tr> </tr>
<tr> <tr>
<td>Row 2 Data 1</td> <td>Конференция 2</td>
<td>Row 2 Data 2</td> <td>Описание 2</td>
<td>01.02.2001</td>
<td>02.02.2001</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</form> </form>