diff --git a/groups/templates/groups/base.html b/groups/templates/groups/base.html
index c6be3ac5..67e70ed3 100644
--- a/groups/templates/groups/base.html
+++ b/groups/templates/groups/base.html
@@ -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. -->
diff --git a/groups/templates/groups/company.bak.html b/groups/templates/groups/company.bak.html
new file mode 100644
index 00000000..44a60959
--- /dev/null
+++ b/groups/templates/groups/company.bak.html
@@ -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 %}
\ No newline at end of file
diff --git a/groups/templates/groups/company.html b/groups/templates/groups/company.html
index 44a60959..5b00fca2 100644
--- a/groups/templates/groups/company.html
+++ b/groups/templates/groups/company.html
@@ -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 %}
\ No newline at end of file
+{% 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 %}
+
+