diff --git a/apps/assets/templates/assets/_system_user.html b/apps/assets/templates/assets/_system_user.html
index 07299ea08..99b64af30 100644
--- a/apps/assets/templates/assets/_system_user.html
+++ b/apps/assets/templates/assets/_system_user.html
@@ -90,7 +90,7 @@
             }
         }
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
             authFieldsDisplay();
             $(auto_generate_key).change(function () {
                 authFieldsDisplay();
diff --git a/apps/assets/templates/assets/admin_user_create_update.html b/apps/assets/templates/assets/admin_user_create_update.html
index 30ef3e93a..d7d5094ff 100644
--- a/apps/assets/templates/assets/admin_user_create_update.html
+++ b/apps/assets/templates/assets/admin_user_create_update.html
@@ -56,7 +56,7 @@
 {% block custom_foot_js %}
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
         })
     </script>
 {% endblock %}
\ No newline at end of file
diff --git a/apps/assets/templates/assets/admin_user_detail.html b/apps/assets/templates/assets/admin_user_detail.html
index 2614efda2..f46d7cd26 100644
--- a/apps/assets/templates/assets/admin_user_detail.html
+++ b/apps/assets/templates/assets/admin_user_detail.html
@@ -157,7 +157,7 @@ function bindToCluster(clusters) {
 
 jumpserver.cluster_selected = {};
 $(document).ready(function () {
-    $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });.on('select2:select', function(evt) {
+    $('.select2').select2();.on('select2:select', function(evt) {
         var data = evt.params.data;
         jumpserver.cluster_selected[data.id] = data.text;
     }).on('select2:unselect', function(evt) {
diff --git a/apps/assets/templates/assets/asset_bulk_update.html b/apps/assets/templates/assets/asset_bulk_update.html
index cc33d7faf..e72b44302 100644
--- a/apps/assets/templates/assets/asset_bulk_update.html
+++ b/apps/assets/templates/assets/asset_bulk_update.html
@@ -30,7 +30,7 @@
 {% block custom_foot_js %}
 <script>
     $(document).ready(function () {
-        $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+        $('.select2').select2();
     }).on('click', '.field-tag', function() {
         changeField(this);
     }).on('click', '#change_all', function () {
diff --git a/apps/assets/templates/assets/asset_create.html b/apps/assets/templates/assets/asset_create.html
index b07847b94..ac0e4d744 100644
--- a/apps/assets/templates/assets/asset_create.html
+++ b/apps/assets/templates/assets/asset_create.html
@@ -47,7 +47,7 @@
 {% block custom_foot_js %}
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
 {#            $("#id_tags").select2({#}
 {#                tags: true,#}
 {#                maximumSelectionLength: 8  //最多能够选择的个数#}
diff --git a/apps/assets/templates/assets/asset_group_create.html b/apps/assets/templates/assets/asset_group_create.html
index 4a2b11ac3..3b951d4d1 100644
--- a/apps/assets/templates/assets/asset_group_create.html
+++ b/apps/assets/templates/assets/asset_group_create.html
@@ -81,7 +81,7 @@
 {% block custom_foot_js %}
 <script type="text/javascript">
     $(document).ready(function () {
-        $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+        $('.select2').select2();
         $('.select2-system-user').select2();
     });
 
diff --git a/apps/assets/templates/assets/asset_group_detail.html b/apps/assets/templates/assets/asset_group_detail.html
index 8d1e817b0..be8655d20 100644
--- a/apps/assets/templates/assets/asset_group_detail.html
+++ b/apps/assets/templates/assets/asset_group_detail.html
@@ -184,7 +184,7 @@ function initTable() {
 }
 
 $(document).ready(function () {
-  $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+  $('.select2').select2();
 
   $('.select2.asset-select').select2()
       .on('select2:select', function(evt) {
diff --git a/apps/assets/templates/assets/cluster_assets.html b/apps/assets/templates/assets/cluster_assets.html
index 2f1d28d4a..e3a3ab769 100644
--- a/apps/assets/templates/assets/cluster_assets.html
+++ b/apps/assets/templates/assets/cluster_assets.html
@@ -181,7 +181,7 @@ function initTable() {
 }
 
 $(document).ready(function () {
-	$('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+	$('.select2').select2();
 	.on("select2:select", function (evt) {
 		var data = evt.params.data;
 		jumpserver.assets_selected[data.id] = data.text;
diff --git a/apps/assets/templates/assets/cluster_detail.html b/apps/assets/templates/assets/cluster_detail.html
index ae57df263..cd2ecd25e 100644
--- a/apps/assets/templates/assets/cluster_detail.html
+++ b/apps/assets/templates/assets/cluster_detail.html
@@ -151,7 +151,7 @@
 <script>
 
 $(document).ready(function () {
-	$('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+	$('.select2').select2();
 })
 .on('click', '.btn-delete-cluster', function () {
 	var name = "{{ cluster.name }}";
diff --git a/apps/assets/templates/assets/system_user_asset.html b/apps/assets/templates/assets/system_user_asset.html
index 51328326b..92b5a664d 100644
--- a/apps/assets/templates/assets/system_user_asset.html
+++ b/apps/assets/templates/assets/system_user_asset.html
@@ -125,7 +125,7 @@ function initAssetsTable() {
 }
 
 $(document).ready(function () {
-	$('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+	$('.select2').select2();
 	.on("select2:select", function (evt) {
 		var data = evt.params.data;
 		jumpserver.assets_selected[data.id] = data.text;
diff --git a/apps/assets/templates/assets/system_user_detail.html b/apps/assets/templates/assets/system_user_detail.html
index 27701c5e7..7df486f60 100644
--- a/apps/assets/templates/assets/system_user_detail.html
+++ b/apps/assets/templates/assets/system_user_detail.html
@@ -212,7 +212,7 @@ function updateSystemUserCluster(clusters) {
 }
 jumpserver.cluster_selected = {};
 $(document).ready(function () {
-    $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+    $('.select2').select2();
     .on('select2:select', function(evt) {
             var data = evt.params.data;
             jumpserver.cluster_selected[data.id] = data.text;
diff --git a/apps/assets/templates/assets/system_user_update.html b/apps/assets/templates/assets/system_user_update.html
index bcb1df691..0d2029ee8 100644
--- a/apps/assets/templates/assets/system_user_update.html
+++ b/apps/assets/templates/assets/system_user_update.html
@@ -18,7 +18,7 @@
 {% block custom_foot_js %}
 	<script>
     $(document).ready(function () {
-        $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+        $('.select2').select2();
     })
 	</script>
 {% endblock %}
\ No newline at end of file
diff --git a/apps/perms/templates/perms/asset_permission_create_update.html b/apps/perms/templates/perms/asset_permission_create_update.html
index 7cf6a799a..86a11ba62 100644
--- a/apps/perms/templates/perms/asset_permission_create_update.html
+++ b/apps/perms/templates/perms/asset_permission_create_update.html
@@ -79,7 +79,7 @@
     <script src="{% static 'js/plugins/datepicker/bootstrap-datepicker.js' %}"></script>
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
 
             $('.input-group.date').datepicker({
                 format: "yyyy-mm-dd",
diff --git a/apps/perms/templates/perms/asset_permission_detail.html b/apps/perms/templates/perms/asset_permission_detail.html
index c7f26274c..6444dbbe4 100644
--- a/apps/perms/templates/perms/asset_permission_detail.html
+++ b/apps/perms/templates/perms/asset_permission_detail.html
@@ -190,7 +190,7 @@ function updateSystemUser(system_users) {
 }
 
 $(document).ready(function () {
-    $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+    $('.select2').select2();
         .on('select2:select', function(evt) {
              var data = evt.params.data;
              jumpserver.system_users_selected[data.id] = data.text;
diff --git a/apps/static/css/plugins/dataTables/datatables.min.css b/apps/static/css/plugins/datatables/datatables.min.css
similarity index 100%
rename from apps/static/css/plugins/dataTables/datatables.min.css
rename to apps/static/css/plugins/datatables/datatables.min.css
diff --git a/apps/static/js/plugins/dataTables/datatables.min.js b/apps/static/js/plugins/datatables/datatables.min.js
similarity index 100%
rename from apps/static/js/plugins/dataTables/datatables.min.js
rename to apps/static/js/plugins/datatables/datatables.min.js
diff --git a/apps/static/js/plugins/dataTables/i18n/English.lang b/apps/static/js/plugins/datatables/i18n/English.lang
similarity index 100%
rename from apps/static/js/plugins/dataTables/i18n/English.lang
rename to apps/static/js/plugins/datatables/i18n/English.lang
diff --git a/apps/static/js/plugins/dataTables/i18n/zh-hans.json b/apps/static/js/plugins/datatables/i18n/zh-hans.json
similarity index 100%
rename from apps/static/js/plugins/dataTables/i18n/zh-hans.json
rename to apps/static/js/plugins/datatables/i18n/zh-hans.json
diff --git a/apps/templates/_base_list.html b/apps/templates/_base_list.html
index c7fbd87ab..6385994e0 100644
--- a/apps/templates/_base_list.html
+++ b/apps/templates/_base_list.html
@@ -2,10 +2,10 @@
 {% load static %}
 {% load i18n %}
 {% block custom_head_css_js %}
-    <link href="{% static "css/plugins/dataTables/datatables.min.css" %}" rel="stylesheet">
+    <link href="{% static "css/plugins/datatables/datatables.min.css" %}" rel="stylesheet">
     <link href="{% static "css/plugins/select2/select2.min.css" %}" rel="stylesheet">
     <script src="{% static "js/plugins/select2/select2.full.min.js" %}"></script>
-    <script src="{% static "js/plugins/dataTables/dataTables.min.js" %}"></script>
+    <script src="{% static "js/plugins/datatables/datatables.min.js" %}"></script>
 {% endblock %}
 {% block content %}
 <div class="wrapper wrapper-content animated fadeInRight">
diff --git a/apps/templates/_head_css_js.html b/apps/templates/_head_css_js.html
index fbde7e9cd..917e57f18 100644
--- a/apps/templates/_head_css_js.html
+++ b/apps/templates/_head_css_js.html
@@ -7,9 +7,9 @@
 <link href="{% static 'css/plugins/sweetalert/sweetalert.css' %}" rel="stylesheet">
 <link href="{% static 'css/style.css' %}" rel="stylesheet">
 <link href="{% static 'css/plugins/vaildator/jquery.validator.css' %}" rel="stylesheet">
-<link href="{% static 'css/plugins/dataTables/datatables.min.css' %}" rel="stylesheet">
+<link href="{% static 'css/plugins/datatables/datatables.min.css' %}" rel="stylesheet">
 <!-- scripts -->
 <script src="{% static 'js/jquery-2.1.1.js' %}"></script>
 <script src="{% static 'js/plugins/sweetalert/sweetalert.min.js' %}"></script>
 <script src="{% static 'js/bootstrap.min.js' %}"></script>
-<script src="{% static 'js/plugins/dataTables/datatables.min.js' %}"></script>
\ No newline at end of file
+<script src="{% static 'js/plugins/datatables/datatables.min.js' %}"></script>
\ No newline at end of file
diff --git a/apps/terminal/templates/terminal/terminal_update.html b/apps/terminal/templates/terminal/terminal_update.html
index ff6fa144f..624dc6e7e 100644
--- a/apps/terminal/templates/terminal/terminal_update.html
+++ b/apps/terminal/templates/terminal/terminal_update.html
@@ -57,7 +57,7 @@
     <script src="{% static 'js/plugins/datepicker/bootstrap-datepicker.js' %}"></script>
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
 
             $('.input-group.date').datepicker({
                 format: "yyyy-mm-dd",
diff --git a/apps/users/templates/users/_user.html b/apps/users/templates/users/_user.html
index a1b908d97..b33abce51 100644
--- a/apps/users/templates/users/_user.html
+++ b/apps/users/templates/users/_user.html
@@ -56,7 +56,7 @@
     <script src="{% static 'js/plugins/datepicker/bootstrap-datepicker.js' %}"></script>
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
 
             $('.input-group.date').datepicker({
                 format: "yyyy-mm-dd",
diff --git a/apps/users/templates/users/user_bulk_update.html b/apps/users/templates/users/user_bulk_update.html
index fca7b79d5..a1ddc6e39 100644
--- a/apps/users/templates/users/user_bulk_update.html
+++ b/apps/users/templates/users/user_bulk_update.html
@@ -30,7 +30,7 @@
 {% block custom_foot_js %}
 <script>
     $(document).ready(function () {
-        $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+        $('.select2').select2();
     }).on('click', '.field-tag', function() {
         changeField(this);
     }).on('click', '#change_all', function () {
diff --git a/apps/users/templates/users/user_detail.html b/apps/users/templates/users/user_detail.html
index 4edb22ca0..5a013adc1 100644
--- a/apps/users/templates/users/user_detail.html
+++ b/apps/users/templates/users/user_detail.html
@@ -253,7 +253,7 @@ function updateUserGroups(groups) {
 }
 
 $(document).ready(function() {
-    $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+    $('.select2').select2();
         .on('select2:select', function(evt) {
             var data = evt.params.data;
             jumpserver.groups_selected[data.id] = data.text;
diff --git a/apps/users/templates/users/user_granted_asset.html b/apps/users/templates/users/user_granted_asset.html
index 56c398dd8..753e1362e 100644
--- a/apps/users/templates/users/user_granted_asset.html
+++ b/apps/users/templates/users/user_granted_asset.html
@@ -98,7 +98,7 @@
 {% block custom_foot_js %}
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
             var options = {
                 ele: $('#user_assets_table'),
                 buttons: [],
diff --git a/apps/users/templates/users/user_group_create_update.html b/apps/users/templates/users/user_group_create_update.html
index 443d23901..2a5727244 100644
--- a/apps/users/templates/users/user_group_create_update.html
+++ b/apps/users/templates/users/user_group_create_update.html
@@ -57,7 +57,7 @@
 {% block custom_foot_js %}
 <script>
 $(document).ready(function () {
-    $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+    $('.select2').select2();
 })
 </script>
 {% endblock %}
diff --git a/apps/users/templates/users/user_group_detail.html b/apps/users/templates/users/user_group_detail.html
index 1fc77c530..8b19272a2 100644
--- a/apps/users/templates/users/user_group_detail.html
+++ b/apps/users/templates/users/user_group_detail.html
@@ -5,11 +5,11 @@
 {% block custom_head_css_js %}
     <link href="{% static "css/plugins/select2/select2.min.css" %}" rel="stylesheet">
     <link href="{% static "css/plugins/sweetalert/sweetalert.css" %}" rel="stylesheet">
-    <link href="{% static "css/plugins/dataTables/datatables.min.css" %}" rel="stylesheet">
+    <link href="{% static "css/plugins/datatables/datatables.min.css" %}" rel="stylesheet">
     <link href="{% static "css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" %}" rel="stylesheet">
     <script src="{% static "js/plugins/select2/select2.full.min.js" %}"></script>
     <script src="{% static "js/plugins/sweetalert/sweetalert.min.js" %}"></script>
-    <script src="{% static "js/plugins/dataTables/dataTables.min.js" %}"></script>
+    <script src="{% static "js/plugins/datatables/datatables.min.js" %}"></script>
 {% endblock %}
 {% block content %}
     <div class="wrapper wrapper-content animated fadeInRight">
@@ -150,7 +150,7 @@ function updateGroupMember(users) {
 }
 
 $(document).ready(function () {
-   $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+   $('.select2').select2();
           .on('select2:select', function(evt) {
             var data = evt.params.data;
             jumpserver.users_selected[data.id] = data.text;
diff --git a/apps/users/templates/users/user_group_granted_asset.html b/apps/users/templates/users/user_group_granted_asset.html
index 22a6f1f09..b0171e221 100644
--- a/apps/users/templates/users/user_group_granted_asset.html
+++ b/apps/users/templates/users/user_group_granted_asset.html
@@ -102,7 +102,7 @@
 {% block custom_foot_js %}
     <script>
         $(document).ready(function () {
-            $('.select2').select2({            dropdownAutoWidth : true,            width: 'auto'        });
+            $('.select2').select2();
             var options = {
                 ele: $('#user_assets_table'),
                 buttons: [],