Tag: datatables

如何为数据表搜索栏创建特定的html结构？

我正在尝试将此结构添加到搜索栏： Search 实际上我试图将此代码添加到我的数据表中： $(“#example-datatable”).DataTable({ keys: !0, “dom”: ‘lrtip’, 但是你可以从这个JSFIDDLE看到结果是完全错误的。 最终结果应该是这样的： 我做错了什么？

DataTables – 如何跨多个列进行过滤？

我希望能够使用DataTables过滤多个列。 现在我正在使用fnFilter（）来过滤，但它的列参数似乎只接受一个整数，而不是一个列数组。 这是我到目前为止： https ： //jsfiddle.net/dmcgrew/x85o0mgL/2/ 在“允许波峰”列中，我有一个带有yescrest或nocrest set的data-search属性。 我想使用“Crest”复选框来进行过滤。 如果我点击Pristine和Crest复选框，我应该看到两个允许波峰的原始物品。

通过Ajax加载内容后，Bootstrap Datatable不再起作用

在有人说它是一个重复的问题之前，我知道它是。 我只是没能找到任何看起来与我类似的脚本，因为我对JavaScript和JQuery（用于php）完全不熟悉我真的不知道我在做什么。 我的数据表完美地使用php加载数据（在页面加载之前），但现在它在页面加载后加载，表已经丢失了所有的过滤和分页。 这是我的表格加载方式。 这是获取数据并将其放入表中的脚本。 //call ajax var ajax = new XMLHttpRequest (); var method = “GET”; var url = “data_assets.php”; var asynchronous = true; setInterval(function(){ ajax.open(method, url, asynchronous); //sending ajax request ajax.send(); }, 250) //receiving response from data_assets.php ajax.onreadystatechange = function () { if (this.readyState == 4 && this.status == 200) { //convert JSON […]

TYPO3后端模块DataTable没有function

我包括在我的extbase后端模块布局html中的不同资产。 要初始化多个DataTables： $(dataTables[i]).DataTable(dataTableOptions); 但在更新到TYPO3 7.6.15后，总会有 “TypeError：$（…）。DataTable不是函数” 错误。 我尝试了不同的变化，但没有任何作用。 我认为，问题将是后端模块中jquery的noconflict版本。 但我不知道，要解决这个问题。 我希望你能帮帮我 最好的评论丹尼尔

列式搜索给出“227200：101 Uncaught TypeError：otable.api（）。列不是函数”JQuery dataTable中的错误

我正在使用jquery-1.6.4.min.js和jquery.dataTables.min.js来获取jquery数据表。 而我收到的错误是： Uncaught TypeError: otable.api is not a function at HTMLDocument. (227200:100) at Object.resolveWith (jquery-1.6.4.min.js:2) at Function.ready (jquery-1.6.4.min.js:2) at HTMLDocument.C (jquery-1.6.4.min.js:2) 并且我不能将DataTable与大写D一起使用，因为我在整个应用程序中使用了dataTable。 下面是我的JavaScript代码，数据来自ajax调用 $(document).ready(function() { var otable = $(‘#sectionList’).dataTable({ “bJQueryUI”: true, “bFilter”: true, “bSearchable”: false, “bProcessing”: true, “bServerSide”: true, “bLengthChange”: false, “iDisplayLength”: 10, “sPaginationType”: “full_numbers”, “sAjaxSource”: “”, “sDom”: ‘<"H"lfr>t’, “fnDrawCallback”:function() { $parent = $(this).parent(); $parent.css(“min-height”, […]

在DataTables中为渲染选择设置初始选定选项

我有一个问题是在DataTable中附加选定的值选项。 这是我的JavaScript代码 var table = $(‘#tablesurvey’).DataTable( { “ajax”: { “url”: ”, “type”: “POST” }, “columns”: [ {“data”: “id_vote”}, {“data”: “nama”}, {“data”: “nik”}, {“data”: “desa”}, {“data”: “rt”}, {“data”: “vote”} ], “columnDefs”: [ { “targets”: -1, “render”: function (data, type, row, meta){ return “–Pilihan–123</option”; } } ], } ); 结果之前 结果我想要的 如何为渲染的选择框设置初始选定选项？

如何在DataTables中动态设置ajax数据？

我正在使用DataTables 1.10.15并已阅读有关如何在ajax调用中指定data属性的内容，如下所示： $(document).ready(function() { var MyTable = $(‘#example’).DataTable( { “processing”: true, “serverSide”: true, “ajax”: { “url”: “scripts/server_processing.php”, “data”: function ( d ) { d.myKey = “myValue”; // d.custom = $(‘#myInput’).val(); // etc } } } ); } ); 但是，此示例只具有硬编码值（或形成输入值，如$(‘#myInput’).val() ）。 我有一个应用程序，我需要能够传递各种不同的数据对象，然后运行ajax调用。 我无法看到这是如何可能的，并查看了以下https://datatables.net/examples/server_side/custom_vars.html 。 我想这样做的原因是因为我正在构建一个具有多种不同forms的应用程序。 我需要选择要作为数据发送的表单 ！ 当用户以特定forms输入术语时，我想将表单数据传递给我的ajax脚本，然后让DataTables重绘表格（我可以使用.draw()方法）： MyTable.draw(); 但是，我不明白如何动态指定data: 。 我可以在ajax调用中做这样的事情： “ajax”: { “url” : […]

关于Ajax加载的Datatables.net错误

我正在研究数据表中的一个简单的ajax示例，它不起作用，我无法解释它。 我有一个简单的表格如下： Street Address City State Zip Code Street Address City State Zip Code 我有一个json数据源，其数据看起来像这样（我在这里显示了一点，但文件是一条长行，没有换行符）。 {“data”:[{“street”:”19 Brook Avenue”,”city”:”PASSAIC”,”state”:”NJ”,”postcode”:”07055″}, {“street”:”27 Brook Avenue”,”city”:”PASSAIC”,”state”:”NJ”,”postcode”:”07055″}, {“street”:”31 Brook Avenue”,”city”:”PASSAIC”,”state”:”NJ”,”postcode”:”07055″}, {“street”:”35 Brook Avenue”,”city”:”PASSAIC”,”state”:”NJ”,”postcode”:”07055″}, {“street”:”39 Brook Avenue”,”city”:”PASSAIC”,”state”:”NJ”,”postcode”:”07055″}, {“street”:”49 Brook Avenue”,”city”:”PASSAIC”,”state”:”NJ”,”postcode”:”07055″}]} 最后，我将它加载到我的文档就绪函数中： $(document).ready(function(){ $(“#tblAddresses”).DataTable({ “ajax” : { “url” : “/json/07055.json”, “columns” : [{“data”:”street”}, {“data”:”city”}, {“data”:”state”}, {“data”:”postcode”}] } }); }); 当我加载页面时，我看到了ajax调用。 我可以看到浏览器接受的数据，但DataTables给了我一个错误： DataTables警告：table id […]

使用自定义布局启用数据表

我想要两个标题，在顶部排序并过滤下一个标题然后过滤数据。 问题是，filter不是这样工作的。 你可以帮助我，以便filter工作吗？ $(document).ready(function() { // Setup – add a text input to each footer cell count = 0; $(‘#example thead th’).each( function () { var title = $(this).text(); if (count > 5) $(this).html( ” ); count++; } ); // DataTable var table = $(‘#example’).DataTable({ “bInfo”: false, “bSortCellsTop”: true, sDom: “t” }); // Apply the […]

如何使用jquery dataTables在页面回发后保留表设置

我实际上正在使用jquery dataTables插入GridView以进行搜索以及其他很棒的设置。 如果我转到第2页并且我的页面执行了postgback点击任何服务器对象，我将丢失我所在的页面以及所选条目的数量，这意味着该表只是再次获得初始设置。 所以我的问题是，是否有可能在页面执行Pastback之后保持我的表（GridView）的设置，要么获取表的当前页索引和回发之前的条目数以及回发后再将这些设置设置到表中？ 我尝试过，但似乎没有什么工作正常，表只是始终进入默认设置。 我试过这种方式： $(document).ready(function () { var tableScopeitems = $(‘#gridScopeItem’).DataTable({ “sPaginationType”: “full_numbers”, “lengthMenu”: [[10, 25, 50, 100, -1], [10, 25, 50, 100, “All”]], “iDisplayLength”: 100 }); tableScopeitems.ajax.reload(null, false); });