Jquery 使用数据表自动完成

我在codeigniter框架中工作。我使用数据表进行排序、筛选、分页等。在我的视图页面中，我有

    table class="table table-bordered datatable" id="table_export" 

剧本呢

jQuery(document).ready(function($)
{


    var datatable = $("#table_export").dataTable({
        "sPaginationType": "bootstrap",

通过这一行，我得到了搜索结果，以及它的所有样式。但问题是我想为搜索按钮实现一个自动完成。在datatables中是否有实现自动完成的选项？因为我觉得编辑数据表的

jquery

非常困难

---

有什么建议吗？提前感谢。

我不确定这是否是您想要的，只是在datatable中如何使用autcomplete的一个示例。只需在相关列中设置enable\u auto\u complete:true（在下面的代码列中\u编号：3）：

或者像这样的

<script>
 $("#autocompleteTable").dataTable({
  aaData : [],
  bLengthChange : false,
  bPaginate : false,
  bInfo : false,
  bFilter : false,
  aoColumns : [ {
    mDataProp : 'firstName',
    sTitle : 'First Name'
 }, {
    mDataProp : 'lastName',
    sTitle : 'Last Name'
 }, {
    mDataProp : 'address',
    sTitle : 'Address'
 } ]
});
</script>

$（“#自动完成表”）.dataTable({
aa数据：[]，
bLengthChange:false，
bPaginate:false，
宾福：错，
过滤：错，
AO列：[{
mDataProp:“firstName”，
针线：“名字”
}, {
mDataProp:“lastName”，
斯泰尔：“姓”
}, {
mDataProp:'地址'，
针线：“地址”
} ]
});

---

对于上面的代码详细信息，请检查->

我不确定这是否是您想要的，只是一个示例，说明如何在datatable中使用autcomplete。只需在相关列中设置enable\u auto\u complete:true（在下面的代码列中\u编号：3）：

或者像这样的

<script>
 $("#autocompleteTable").dataTable({
  aaData : [],
  bLengthChange : false,
  bPaginate : false,
  bInfo : false,
  bFilter : false,
  aoColumns : [ {
    mDataProp : 'firstName',
    sTitle : 'First Name'
 }, {
    mDataProp : 'lastName',
    sTitle : 'Last Name'
 }, {
    mDataProp : 'address',
    sTitle : 'Address'
 } ]
});
</script>

$（“#自动完成表”）.dataTable({
aa数据：[]，
bLengthChange:false，
bPaginate:false，
宾福：错，
过滤：错，
AO列：[{
mDataProp:“firstName”，
针线：“名字”
}, {
mDataProp:“lastName”，
斯泰尔：“姓”
}, {
mDataProp:'地址'，
针线：“地址”
} ]
});

---

有关上述代码的详细信息，请选中->

您可以使用下面的代码添加自动完成功能，以使用适用于Bootstrap 3的库搜索输入框中的jQuery数据表

$（文档）.ready（函数（）{
var-dataSrc=[]；
变量表=$（'#示例'）。数据表({
“initComplete”：函数（）{
var api=this.api（）；
//为自动完成功能填充数据集
//使用来自第一、第二和第三列的数据
api.cells（'tr'，[0,1,2]）.every（function（）{
var data=this.data（）；
if（dataSrc.indexOf（data）==-1）{dataSrc.push（data）；}
});
//初始化Typeahead插件
$（'.dataTables_过滤器输入[type=“search”]'，api.table（）.container（））
.提前打印({
资料来源：数据中心，
余选：函数（值）{
api.search（value.draw（）；
}
}
);
}
});
});

---

有关更多详细信息和演示，请参阅。

您可以使用下面的代码添加自动完成功能，使用适用于Bootstrap 3的库在输入框中搜索jQuery数据表

$（文档）.ready（函数（）{
var-dataSrc=[]；
变量表=$（'#示例'）。数据表({
“initComplete”：函数（）{
var api=this.api（）；
//为自动完成功能填充数据集
//使用来自第一、第二和第三列的数据
api.cells（'tr'，[0,1,2]）.every（function（）{
var data=this.data（）；
if（dataSrc.indexOf（data）==-1）{dataSrc.push（data）；}
});
//初始化Typeahead插件
$（'.dataTables_过滤器输入[type=“search”]'，api.table（）.container（））
.提前打印({
资料来源：数据中心，
余选：函数（值）{
api.search（value.draw（）；
}
}
);
}
});
});

---

有关更多详细信息和演示，请参阅。

浏览此网站后，它可能会帮助您->但在大多数教程中，自动完成是通过搜索框完成的。这里我们在jquery文件中有一个搜索框。搜索后，返回整个表。是否有在datatables中使用autocomplete的示例？？anywhere？yea将向您展示一个示例检查此，示例->一旦浏览此网站，它可能会帮助您->但在大多数教程中，自动完成是通过搜索框完成的。这里我们在jquery文件中有一个搜索框。搜索后，返回整个表。是否有在datatables中使用autocomplete的示例？？任何地方？yea将向您展示一个示例检查此，示例->感谢示例代码。它很好用。但我还是有些困惑。这是针对表中的特定列。我正试图在表格上方的通用搜索中实现自动完成。在本例中，我们在表no？我想在那里实现自动过滤。无论如何，谢谢你的帮助：）是的。这个。但这里也出现了一个问题。我们已经给出了文本字段的id。但在我的例子中，我需要给出搜索字段的id。搜索在datatable js fileok中，然后调用我们的js，比如var id=document.getElementById（“searchid”），然后在这里调用该id，我想它会起作用的。谢谢示例代码。它很好用。但我还是有些困惑。这是针对表中的特定列。我正试图在表格上方的通用搜索中实现自动完成。在本例中，我们在表no？我想在那里实现自动过滤。无论如何，谢谢你的帮助：）是的。这个。但这里也出现了一个问题。我们已经给出了文本字段的id。但在我的例子中，我需要给出搜索字段的id。搜索在datatable js fileok中，然后调用我们的js，比如var id=document.getElementById（“searchid”），然后在这里调用该id，我认为它会起作用