Javascript [jQuery/Datatable]：datatables没有响应，请禁用输入搜索

我遵循上的示例，以便使用select input search创建一个数据表

下面是我的html代码示例：

<div class="jumbotron">
<table id="dataTables" class="display" cellspacing="0" width="100%">
        <thead>
        <tr>
          <th>Référence</th>
          <th>Activité(s)</th>
          <th>Parc immobilier</th>
          <th>Nom du Bâtiment</th>
          <th>Ensemble</th>
          <th></th>
        </tr>
      </thead>
      <tfoot>
        <tr>
          <th>Référence</th>
          <th>Activité(s)</th>
          <th>Parc immobilier</th>
          <th>Nom du Bâtiment</th>
          <th>Ensemble</th>
          <th></th>
        </tr>
      </tfoot>
      <tbody>
        {% for batiment in batiment %}
          <tr>
            <td>{{ batiment.referencebatiment }}</td>
            <td>
              {% for batiment in batiment.typesactivite %}
                {{ batiment.type }}
                <br>
              {% endfor %}
            </td>
            <td>{{ batiment.ensembles.parcsimmobilier }}</td>
            <td>{{ batiment.nom }}</td>
            <td>{{ batiment.ensembles }}</td>
            <td><a href=""><button class="btn btn-edit btn-xs sharp">Modifier</button></a></td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>

法国
活动（s）
Parc固定器
诺姆·杜贝泰门特
表演团体
法国
活动（s）
Parc固定器
诺姆·杜贝泰门特
表演团体
{BATIME%中的BATIME为%BATIME}
{{bation.referencebation}
{batiment.typesactivite%中的batiment的百分比}
{{batiment.type}


{%endfor%}
{{batiment.ensembles.parcsimmobilier}}
{{batiment.nom}}
{{batiment.ensembles}
{%endfor%}

下面是我为datatables编写的javascript代码：

$(document).ready(function() {
    $('#dataTables').DataTable( {
        responsive: true,
        //enlever la recherche sur une colone, ici la colone 2 et 4 => Office et Date. Attention 0 est une valeur, les colones commencent donc à partir de 0
        "aoColumnDefs": [
        { "bSearchable": false, "aTargets": [ 5 ] }],
        //
        //langue française
        "language": {
            "sProcessing":     "Traitement en cours...",
            "sSearch":         "Rechercher :",
            "sLengthMenu":     "Afficher _MENU_ éléments",
            "sInfo":           "Affichage de l'élement _START_ à _END_ sur _TOTAL_ éléments",
            "sInfoEmpty":      "Affichage de l'élement 0 à 0 sur 0 éléments",
            "sInfoFiltered":   "(filtré de _MAX_ éléments au total)",
            "sInfoPostFix":    "",
            "sLoadingRecords": "Chargement en cours...",
            "sZeroRecords":    "Aucun élément à afficher",
            "sEmptyTable":     "Aucune donnée disponible dans le tableau",
            "oPaginate": {
                "sFirst":      "Premier",
                "sPrevious":   "Précédent",
                "sNext":       "Suivant",
                "sLast":       "Dernier"
            },
            "oAria": {
                "sSortAscending":  ": activer pour trier la colonne par ordre croissant",
                "sSortDescending": ": activer pour trier la colonne par ordre décroissant"
            }
        },
        initComplete: function () {
            var api = this.api();
            api.columns().indexes().flatten().each( function ( i ) {
                var column = api.column( i );
                var select = $('<select><option value=""></option></select>')
                    .appendTo( $(column.footer()).empty())
                    .on( 'change', function () {
                        var val = $.fn.dataTable.util.escapeRegex(
                            $(this).val()
                        );
                        column
                            .search( val ? '^'+val+'$' : '', true, false )
                            .draw();
                    });
                column.data().unique().sort().each( function ( d, j ) {
                    select.append( '<option value="'+d+'">'+d+'</option>' );
                });
            });
        }
    });
});

$（文档）.ready（函数（）{
$（'#dataTables'）。DataTable（{
回答：是的，
//请注意，科隆第二街和第四街的办公室和日期。请注意，科隆第二街和第四街已开始营业
“aoColumnDefs”：[
{“bSearchable”：false，“ataargets”：[5]}]，
//
//法语
“语言”：{
“处理”：“过程中的背叛……”，
“sSearch”：“Rechercher:”，
“长度菜单”：“附加菜单”，
“sInfo”：“开始、结束、结束、总计”等“附件”，
“无罪”：“附加在0é；lé；项下的0à；0”，
“sInfoFiltered:”（总共过滤），
“sInfoPostFix”：“，
“sLoadingRecords”：“按课程收费…”，
“sZeroRecords”：“Aucuné；lé；Mintà；afficher”，
“sEmptyTable”：“有争议的画面”，
“oPaginate”：{
“sFirst”：“Premier”，
“以前的”：“公关部”，
“sNext”：“Suivant”，
“slat”：“Dernier”
},
“奥里亚”：{
“Soot上升”：“：Acter倒TIER La Calnon Par Orde牛角包”，
“SofftDeDeNeDe:”：牛津大学牛角包
}
},
initComplete:函数（）{
var api=this.api（）；
api.columns（）.index（）.flatte（）.each（函数（i）{
var column=api.column（i）；
变量选择=$（“”）
.appendTo（$（column.footer（））.empty（））
.on（'change'，function（）{
var val=$.fn.dataTable.util.escapeRegex(
$（this.val（）
);
柱
.search（val？“^”+val+“$”：“”，true，false）
.draw（）；
});
column.data（）.unique（）.sort（）.each（函数（d，j）{
select.append（“”+d+“”）；
});
});
}
});
});

正如您所看到的，我更改了法语语言，并禁用了Colums5搜索，因为我不希望允许用户基于此Column进行搜索。因此，第5列上的语言更改和禁用搜索效果非常好

为什么我的数据表不能正确显示。它不是很好的崩溃引导响应设计？如何禁用对列的搜索（在我的

tfoot

中，列下没有输入

text

或

select

我怎么做

---

谢谢您的帮助。

您是否尝试导入上述cdn

CSS:

//cdn.datatables.net/responsive/1.0.3/CSS/datatables.responsive.CSS

---

JS:

//cdn.datatables.net/responsive/1.0.3/JS/datatables.responsive.JS

就像他在回答中提到的@Gab一样，您需要像这样导入jQuery数据表的cdn：

首先，您需要禁用或删除文件夹中的数据表CSS，如果不禁用或删除，它将不匹配或无法正确显示您的

然后导入CDN： CSS:

//cdn.datatables.net/responsive/1.0.3/CSS/datatables.responsive.CSS

JS:

//cdn.datatables.net/responsive/1.0.3/JS/datatables.responsive.JS

以防万一，如果您的

中有任何其他数据，如编辑按钮、链接，则必须禁用此列上的搜索，否则，您的数据表将出现一些显示问题

---

遵循此电子示例，以禁用或不显示您不想要的

中的搜索输入。

尝试查看文档，事实上，它匹配得很好。事实上，我有一个编辑按钮和一些链接，它们不是数据库中的数据（因此不是动态数据），我将它们删除，并且我的数据表显示正确。我必须在我的

表中禁用一些输入搜索。谢谢您的回答。