Tag: datatables 1.10

禁用初始自动ajax调用 – DataTable服务器端分页: 我有一个dataTable初始化服务器端分页，它工作正常。该表在初始化期间触发ajax，拉取数据并呈现到表上。但是我最初需要空表，并使用load（）或reload（）点击按钮加载表数据，如： myTable.api().ajax.reload(); 这是我的表初始化： function initTestTable(){ myTable = $(‘#testTable’).dataTable({ “processing”: true, “serverSide”: true, “ajax”: { “url”: “testTableData.html”, “type”: “GET”, }, “columns”: [ { “data”: “code” }, { “data”: “description” } ] }); } 在初始化期间应该有一种限制表加载的方法吗？我阅读了文档，但找不到。请建议。

数据表工具副本，pdf。 csv，excel export没有用。只有印刷工作: 即时通讯使用数据表作为我的前端要求，它工作得很好，除了我在导出东西时遇到问题，例如copy，csv，excel和pdf，只有print正在工作。任何想法，线索，想法，帮助，建议，推荐？我使用的是1.10.6版我确实链接了所有必要的库，例如datatables js，css和datatables tools js。下面是我在脚本上激活它的代码 $(‘#cigptable’).DataTable( { “pagingType”: “full_numbers”, “dom”: ‘Tlfrtip’, “tableTools”: { “sSwfPath”: “../../../plugins/datatables/extensions/TableTools/swf/copy_csv_xls_pdf.swf” }, “oLanguage”: { “oPaginate”: { “sPrevious”: ”, “sNext”: ” } } });

数据表样式，因此引导按钮与其他元素显示在同一行上: 我在我的rails网站上使用jQuery DataTables插件和Bootstrap。我无法将自定义按钮和其他表格标题元素嵌套在同一行中，它们是堆叠的而不是内联的。有什么建议让他们都在同一条线上吗？以下是我使用的一些JavaScript： $(document).ready(function() { $(‘#products’).DataTable( { dom: ‘Blfrtip’, buttons: [ { text: ‘Pull my products’, action: function ( e, dt, node, config ) { alert( ‘Button activated’ ); } }] }); });

如何在datatables jquery中添加多行: 我使用https://datatables.net/reference/api/rows.add%28%29链接工作，但数据显示表为[object,object] 。如何将对象显示为字符串。我使用过JSON.stringify(obj)它也无法正常工作。 HTML Year Month Savings 2012 January $100 2012 February $80 JS $(‘#addRows’).click(); var table3 = $(‘#exampleTable’).DataTable(); $(‘#addRows’).on( ‘click’, function () { table3.row.add( [ { “Year”: “Tiger Nixon”, “Month”: “System Architect”, “Savings”: “$3,120” }, {“Year”: “Tiger Nixon”, “Month”: “System Architect”, “Savings”: “$3,120” }] ).draw(); });

DataTable响应显示某些列: 在尝试仅显示某些列时，我正在使用DataTables以及响应和面临的问题。表格布局是这样的：我需要只显示’Column 1′, ‘Column3’, ‘Column 7’, ‘Column 8’, ‘Column 10’并隐藏其他（这些应该通过每行末尾的展开控件显示）。 JS： $( ‘table’ ).DataTable( { order: [ [ 0, “asc” ] ], responsive: { details: { type: ‘column’, target: ‘tr’ } }, columnDefs: [ { className: ‘control’, orderable: false, targets: -1 } ] } ); 这是JSFiddle 。有什么建议！

DataTables搜索子行内容: DataTables搜索栏不允许我搜索子行中的内容。我已经进行了广泛的搜索以找到答案（ 1,2,3,4,5,6,7,8,9 ），但在这个问题上几乎没有回答。这是一个简单的jsfiddle和DataTables调试器结果。我想在表格中搜索分机号码（在子行中），但在搜索栏中键入其中一个分机号码不会留下任何搜索结果。我通过添加以下内容尝试了此post中的解决方案： table.columns().every( function () { var that = this; var header = this.header(); $( ‘input’, this.footer() ).on( ‘keyup change’, function () { that .column( header.getAttribute(‘data-search-index’)*1 ) // *1 to make it a number .search( this.value ) .draw(); } ); } ); …但它仍然不起作用，你可以在上面链接的jsfiddle中看到。有人可以帮帮我吗？谢谢

将列数据作为超链接（dataTable JQUERY）: 我试图将列作为带有数据表的超链接，但没有成功。 function successCallback（responseObj）{ $(document).ready(function() { $(‘#example’).dataTable( { “data”:responseObj , “bDestroy”: true, “deferRender”: true , “columns”: [ { “data”: “infomation” }, { “data”: “weblink” }, ] } ); } ); } 我需要weblink来显示链接并成为该列中的超链接，以便用户可以单击并重定向到另一个页面。我查看了渲染，但链接上的信息较少，我无法成功。我也调查了这个例子，但它没有用。