table page
This commit is contained in:
wcharles
parent
929d0bffca
commit
497f92692e
|
|
@ -30,7 +30,7 @@ scratch. This page gets rid of all links and provides the needed markup only.
|
|||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
{% block headother %}{% endblock %}
|
||||
<!-- Google Font -->
|
||||
<link rel="stylesheet"
|
||||
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
|
||||
|
|
@ -190,10 +190,9 @@ desired effect
|
|||
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
|
||||
{% block pagehead %}
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
{% block pagehead %}{% endblock %}
|
||||
<!-- <h1>
|
||||
Page Header
|
||||
<small>Optional description</small>
|
||||
|
|
@ -203,16 +202,16 @@ desired effect
|
|||
<li class="active">Here</li>
|
||||
</ol> -->
|
||||
</section>
|
||||
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<!-- Main content -->
|
||||
<section class="content container-fluid">
|
||||
{% block content %}{% endblock %}
|
||||
<!--------------------------
|
||||
| Your Page Content Here |
|
||||
-------------------------->
|
||||
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
{% endblock %}
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
|
||||
|
|
@ -313,7 +312,7 @@ desired effect
|
|||
<script src="{% static 'groups/bower_components/bootstrap/dist/js/bootstrap.min.js' %}"></script>
|
||||
<!-- AdminLTE App -->
|
||||
<script src="{% static 'groups/dist/js/adminlte.min.js' %}"></script>
|
||||
|
||||
{% block endother %}{% endblock %}
|
||||
<!-- Optionally, you can add Slimscroll and FastClick plugins.
|
||||
Both of these plugins are recommended to enhance the
|
||||
user experience. -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,74 @@
|
|||
{% extends "./base.html" %}
|
||||
|
||||
{% block title %}公司列表{% endblock %}
|
||||
|
||||
{% block pagehead %}
|
||||
<h1>
|
||||
公司列表
|
||||
<small>companys list</small>
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
|
||||
<li class="active">公司列表</li>
|
||||
</ol>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<!-- /.box -->
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
<h3 class="box-title">下属公司列表</h3>
|
||||
</div>
|
||||
<!-- /.box-header -->
|
||||
<div class="box-body">
|
||||
<div id="example1_wrapper" class="dataTables_wrapper form-inline dt-bootstrap"><div class="row"><div class="col-sm-6">
|
||||
<div class="dataTables_length" id="example1_length">
|
||||
<label>Show <select name="example1_length" aria-controls="example1" class="form-control input-sm">
|
||||
<option value="10">10</option>
|
||||
<option value="25">25</option>
|
||||
<option value="50">50</option>
|
||||
<option value="100">100</option>
|
||||
</select> entries</label></div>
|
||||
</div><div class="col-sm-6">
|
||||
<div id="example1_filter" class="dataTables_filter">
|
||||
<label>Search:<input type="search" class="form-control input-sm" placeholder=""
|
||||
aria-controls="example1"></label></div></div></div>
|
||||
<div class="row"><div class="col-sm-12">
|
||||
<table id="example1" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 164.933px;" aria-sort="ascending"
|
||||
aria-label="Rendering engine: activate to sort column descending">公司名称</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 204.15px;"
|
||||
aria-label="Browser: activate to sort column ascending">Browser</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 179.933px;"
|
||||
aria-label="Platform(s): activate to sort column ascending">Platform(s)</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 140.467px;"
|
||||
aria-label="Engine version: activate to sort column ascending">超管账号</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 99.1833px;"
|
||||
aria-label="CSS grade: activate to sort column ascending">建立时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for i in companys %}
|
||||
<tr role="row" class="even">
|
||||
<td class="sorting_1">{{i.partname}}</td>
|
||||
<td>Firefox 1.0</td>
|
||||
<td>Win 98+ / OSX.2+</td>
|
||||
<td>{{i.useradmin}}</td>
|
||||
<td>{{i.creattime}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="example1_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="example1_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="example1_previous"><a href="#" aria-controls="example1" data-dt-idx="0" tabindex="0">Previous</a></li><li class="paginate_button active"><a href="#" aria-controls="example1" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="2" tabindex="0">2</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="3" tabindex="0">3</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="4" tabindex="0">4</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="5" tabindex="0">5</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="6" tabindex="0">6</a></li><li class="paginate_button next" id="example1_next"><a href="#" aria-controls="example1" data-dt-idx="7" tabindex="0">Next</a></li></ul></div></div></div></div>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
</div>
|
||||
<!-- /.box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
{% endblock %}
|
||||
|
|
@ -1,74 +1,100 @@
|
|||
{% extends "./base.html" %}
|
||||
|
||||
{% block title %}公司列表{% endblock %}
|
||||
|
||||
{% block pagehead %}
|
||||
<h1>
|
||||
公司列表
|
||||
<small>companys list</small>
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
|
||||
<li class="active">公司列表</li>
|
||||
</ol>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<!-- /.box -->
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
<h3 class="box-title">下属公司列表</h3>
|
||||
</div>
|
||||
<!-- /.box-header -->
|
||||
<div class="box-body">
|
||||
<div id="example1_wrapper" class="dataTables_wrapper form-inline dt-bootstrap"><div class="row"><div class="col-sm-6">
|
||||
<div class="dataTables_length" id="example1_length">
|
||||
<label>Show <select name="example1_length" aria-controls="example1" class="form-control input-sm">
|
||||
<option value="10">10</option>
|
||||
<option value="25">25</option>
|
||||
<option value="50">50</option>
|
||||
<option value="100">100</option>
|
||||
</select> entries</label></div>
|
||||
</div><div class="col-sm-6">
|
||||
<div id="example1_filter" class="dataTables_filter">
|
||||
<label>Search:<input type="search" class="form-control input-sm" placeholder=""
|
||||
aria-controls="example1"></label></div></div></div>
|
||||
<div class="row"><div class="col-sm-12">
|
||||
<table id="example1" class="table table-bordered table-striped dataTable" role="grid" aria-describedby="example1_info">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 164.933px;" aria-sort="ascending"
|
||||
aria-label="Rendering engine: activate to sort column descending">公司名称</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 204.15px;"
|
||||
aria-label="Browser: activate to sort column ascending">Browser</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 179.933px;"
|
||||
aria-label="Platform(s): activate to sort column ascending">Platform(s)</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 140.467px;"
|
||||
aria-label="Engine version: activate to sort column ascending">超管账号</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 99.1833px;"
|
||||
aria-label="CSS grade: activate to sort column ascending">建立时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for i in companys %}
|
||||
<tr role="row" class="even">
|
||||
<td class="sorting_1">{{i.partname}}</td>
|
||||
<td>Firefox 1.0</td>
|
||||
<td>Win 98+ / OSX.2+</td>
|
||||
<td>{{i.useradmin}}</td>
|
||||
<td>{{i.creattime}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table></div></div><div class="row"><div class="col-sm-5"><div class="dataTables_info" id="example1_info" role="status" aria-live="polite">Showing 1 to 10 of 57 entries</div></div><div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="example1_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="example1_previous"><a href="#" aria-controls="example1" data-dt-idx="0" tabindex="0">Previous</a></li><li class="paginate_button active"><a href="#" aria-controls="example1" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="2" tabindex="0">2</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="3" tabindex="0">3</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="4" tabindex="0">4</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="5" tabindex="0">5</a></li><li class="paginate_button "><a href="#" aria-controls="example1" data-dt-idx="6" tabindex="0">6</a></li><li class="paginate_button next" id="example1_next"><a href="#" aria-controls="example1" data-dt-idx="7" tabindex="0">Next</a></li></ul></div></div></div></div>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
</div>
|
||||
<!-- /.box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
{% endblock %}
|
||||
{% extends "./base.html" %}
|
||||
{% load static %}
|
||||
{% block headother%}
|
||||
<!-- DataTables -->
|
||||
<link rel="stylesheet" href="{% static 'groups/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css' %}">
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block title %}公司列表{% endblock %}
|
||||
|
||||
{% block pagehead %}
|
||||
<section class="content-header">
|
||||
<h1>
|
||||
公司列表
|
||||
<small>companys list</small>
|
||||
</h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{% url 'groups_index' %}"><i class="fa fa-dashboard"></i> 主页</a></li>
|
||||
<li class="active">公司列表</li>
|
||||
</ol>
|
||||
</section>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<!-- Main content -->
|
||||
<section class="content">
|
||||
<div class="row">
|
||||
<div class="col-xs-12">
|
||||
<div class="box">
|
||||
<div class="box-header">
|
||||
<h3 class="box-title">下属公司列表</h3>
|
||||
</div>
|
||||
<!-- /.box-header -->
|
||||
<div class="box-body">
|
||||
<table id="example1" class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr role="row">
|
||||
<th class="sorting_asc" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 164.933px;" aria-sort="ascending"
|
||||
aria-label="Rendering engine: activate to sort column descending">公司名称</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 204.15px;"
|
||||
aria-label="Browser: activate to sort column ascending">Browser</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 179.933px;"
|
||||
aria-label="Platform(s): activate to sort column ascending">Platform(s)</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 140.467px;"
|
||||
aria-label="Engine version: activate to sort column ascending">超管账号</th>
|
||||
<th class="sorting" tabindex="0" aria-controls="example1" rowspan="1" colspan="1" style="width: 99.1833px;"
|
||||
aria-label="CSS grade: activate to sort column ascending">建立时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for i in companys %}
|
||||
<tr role="row" class="even">
|
||||
<td class="sorting_1">{{i.partname}}</td>
|
||||
<td>Firefox 1.0</td>
|
||||
<td>Win 98+ / OSX.2+</td>
|
||||
<td>{{i.useradmin}}</td>
|
||||
<td>{{i.creattime}}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- /.box-body -->
|
||||
</div>
|
||||
<!-- /.box -->
|
||||
</div>
|
||||
<!-- /.col -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</section>
|
||||
<!-- /.content -->
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block endother%}
|
||||
<!-- DataTables -->
|
||||
<script src="{% static 'groups/bower_components/datatables.net/js/jquery.dataTables.min.js' %}"></script>
|
||||
<script src="{% static 'groups/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js' %}"></script>
|
||||
<!-- SlimScroll -->
|
||||
<script src="{% static 'groups/bower_components/jquery-slimscroll/jquery.slimscroll.min.js' %}"></script>
|
||||
<!-- FastClick -->
|
||||
<script src="{% static 'groups/bower_components/fastclick/lib/fastclick.js' %}"></script>
|
||||
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
$('#example1').DataTable()
|
||||
$('#example2').DataTable({
|
||||
'paging' : true,
|
||||
'lengthChange': false,
|
||||
'searching' : false,
|
||||
'ordering' : true,
|
||||
'info' : true,
|
||||
'autoWidth' : false
|
||||
})
|
||||
})
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue