update template

This commit is contained in:
rulingcom 2022-01-21 05:34:17 +00:00
parent d405d95a83
commit e905070fdd
2 changed files with 67 additions and 8 deletions

View File

@ -1,22 +1,41 @@
<table class="table table-hover table-striped writing-conferences-index">
<caption><h1>{{widget-title}}</h1></caption>
<table class="table table-hover table-striped projects-index personal-lab dt-responsive">
<caption><h3>{{widget-title}}</h3></caption>
<thead>
<tr>
<th class="col-md-2">{{th_year}}</th>
<th class="col-md-3">{{th_lab_title}}</th>
<th class="col-md-2">{{th_location}}</th>
<th class="col-md-3">{{th_member}}</th>
<th class="col-md-2"></th>
</tr>
</thead>
<tbody data-level="0" data-list="labs">
<tr>
<td>{{year}}</td>
<td>{{lab_title}}</td>
<td><a href="{{link_to_show}}">{{lab_title}}</td>
<td>{{location}}</td>
<td>{{member}}</td>
<th><a href="{{link_to_show}}">{{th_detail}}</a></th>
</tr>
</tbody>
</table>
{{pagination_goes_here}}
{{pagination_goes_here}}
<script>
for ( var i = 0; i < $('thead th').length ; i++ ) {
if( $('thead th').length > 2 ) {
var th = $('thead th');
for ( var q = 3; q < th.length ; q++ ) {
th.eq(q).addClass('min-tablet-l');
}
}
}
$('table.personal-lab').each(function(){
if($(this).find('thead').length!=0 && $(this).find('td').length!=0 && !$(this).hasClass('dataTable')){
$(this).DataTable({
searching: false,
paging: false,
ordering: false,
info: false,
autoWidth: false
});
}
});;
</script>

View File

@ -0,0 +1,40 @@
<table class="table table-hover table-striped projects-index personal-lab dt-responsive nowrap">
<caption><h3>{{widget-title}}</h3></caption>
<thead>
<tr>
<th class="col-md-2">{{th_year}}</th>
<th class="col-md-3">{{th_lab_title}}</th>
<th class="col-md-2">{{th_location}}</th>
<th class="col-md-3">{{th_member}}</th>
<th class="col-md-2">更多內容</th>
</tr>
</thead>
<tbody data-level="0" data-list="labs">
<tr>
<td>{{year}}</td>
<td><a href="{{link_to_show}}">{{lab_title}}</td>
<td>{{location}}</td>
<td>{{member}}</td>
<th><a href="{{link_to_show}}">{{th_detail}}</a></th>
</tr>
</tbody>
</table>
{{pagination_goes_here}}
<script>
for ( var i = 0; i < $('thead th').length ; i++ ) {
if( $('thead th').length > 2 ) {
var th = $('thead th');
for ( var q = 3; q < th.length ; q++ ) {
th.eq(q).addClass('min-tablet-l');
}
}
}
$('table.personal-lab').DataTable({
searching: false,
paging: false,
ordering: false,
info: false
});
</script>