Tag: jquery数据表

JQuery数据表。 如何以编程方式更改当前页面?

我在桌子上有分页。 我想在调用函数时返回第一页。 我怎样才能做到这一点?

使用ajax加载jQuery DataTable

我正在尝试(并且失败)使用内置的ajax源参数加载jQuery DataTable。 但是,数据表显示消息“正在加载…”,其中应显示行。 这是我的数据表调用: $(‘#my-table’).dataTable( {bFilter: false, bInfo: false, bJQueryUI: true, bPaginate: false, bStateSave: false, bSort: false, aoColumns: [ {“sTitle” : “Date”}, {“sTitle” : “Our Co.”}, {“sTitle” : “Their Co.”}, {“sTitle” : “Note”} ], sAjaxSource: “/contact/company_name/”} ); 使用Chrome,我可以看到对/contact/company_name/的调用正在发生,返回状态200,并且具有以下数据: [[[Hello], [Goodbye], [Test1], [Test2]]] (其中是我的测试数据)。 我还可以看到dataTables.min.js返回错误Uncaught TypeError: Cannot read property ‘length’ of undefined 。 我假设我的返回数据格式不正确。 有谁能建议解决方案?

表外的DataTable导出按钮

我的网页上有多个表格,每个表格都是一个DataTable,它运行正常。 我想在每个数据表上启用导出到excelfunction,但按钮应该在表DOM之外(并且每个表应该有自己的按钮来导出)。 我可以使用以下命令生成表DOM内的HTML5按钮: $(‘#example’).DataTable( { dom: ‘Bfrtip’, buttons: [ ‘copyHtml5’, ‘excelHtml5’, ‘csvHtml5’, ‘pdfHtml5’ ] } ); 但是我想要在某种程度上我可以在表DOM之外附加一个按钮来充当特定表的excel导出。

如何在jQuery DataTables中完全抑制表头?

我正在使用DataTables插件(www.datatables.net)来为jQuery在网页上显示表格。 阅读完文档并进行一些搜索后,我无法找到如何使用DataTables选项或API完全抑制或隐藏表头。

Jquery数据表在其中一列中显示图像

我正在使用Jquery数据表并使用Ajax从服务器获取数据。 基本上我发送的数据是关于Order并且有不同类型的订单。 我想要实现的是Order type和订单数据一起发送,并在客户端显示图像。 我有两种主要类型, Surplus和Deficit 。 我在客户端和服务器上都有两个图像作为静态内容,我可以获取数据。 我不知道如何显示它。 这是我从服务器获取数据的方式 $(‘#matchOrderedTable’).dataTable({ “ajax”: { “url”: TippNett.Api.Url + “Match/DataTable”, “data”: function (d) { d.token = authToken; } }, “columns”: [ { “data”: “Created” }, { “data”: “Amount” }, { “data”: “OrderOrg” }, { “data”: “OrderMatchedOrg” }, { “data”: “OrderLoc” }, { “data”: “OrderMatchLoc” }, ] }); 我的视图看起来像这样 […]

jQuery dataTable不显示排序图标

我正在尝试使用jQuery dataTable插件。 问题是不显示排序图标(此箭头指向哪个方向数据实际排序)。 我的代码如下: $(‘#example’).dataTable( { “bPaginate”: false, “bFilter”: false, “oLanguage”: { “sInfo”: “”} } ); 和Html: Name The hourly rate (points) Levels of referrals bonuses Payout minimum

如何根据jQuery数据表中的列值为表行设置颜色

我正在使用jQuery datatables.I有如下数据 Column1 Column2 Column3 ———————– AAA BBB CCC AAA GGG YYY BBB ooo LLL 现在在前1行的第1列中,我有相同的值AAA 。我想对这些行应用一些颜色。然后是第三行的另一种颜色。就像我有30条记录。是否可以这样做。如果可能,我怎么能这样做。我正在使用jQuery数据表。谢谢提前..

数据表选择所有复选框

选择全部的演示并不真正起作用。 https://datatables.net/extensions/select/examples/initialisation/checkbox.html 在通过columnDef属性创建后,实现全选复选框的最佳方法是什么?

动态更改设置值?

是否可以在飞行中更改jQuery DataTables设置值。 接下来我的问题是,我需要在飞行中更改sAjaxSource 。 已经尝试过这样的事情: var oDefault = { “bServerSide”: true, “bProcessing”: true, “bJQueryUI”: true, “bLengthChange”: false, “bFilter”: true, “iDisplayLength”: 8, “sAjaxSource”: “my.php?” + “idKat=”+aData[3], “aaSorting”: [[ 0, “asc” ],[ 3, “asc” ]], “sDom”: ‘t<"bottom"pf’, “sPaginationType”: “full_numbers”, “oLanguage”: { “sUrl”: “” }, “aoColumns”: [ { “sName”: “rb”,”sWidth”: “15%”, “sClass”: “center”,”sType”: “numeric” }, { “sName”: “chkZaBrisanje”,”sWidth”: […]

如何将DataTables列filter置于顶部

我正在使用jQuery DataTables最新版本。 我想在每个表上使用单独的列filter,所以我使用列filter插件,但我只在页脚中获取搜索框。 我想放在标题中 $(document).ready(function () { var oTable=$(“#example”).dataTable({ “bJQueryUI”: true, “sScrollX”: “100%”, “aLengthMenu”: [[5, 15, 50, 100], [5, 15, 50, “l00”]], “iDisplayLength”: 10, “sPaginationType”: “full_numbers”, “sDom”: ‘rt’ }).columnFilter({“sPlaceHolder”:”head :before”, “aoColumns”: [{ “type”: “text” }, { “type”: “text” }, null, null, null, null, { “type”: “text” }, null, { “type”: “text” }, { “type”: “text” […]