Tag: datatables

“复杂标题”在当前的DataTables.net版本中没有响应？: DataTables允许您创建“复杂标题”（需要跨越多个列或行）。如果您根据文档添加一些额外的CSS，则响应式插件与此兼容。这是一个工作小提琴： https ： //jsfiddle.net/hmr9qtx3/1/ 如您所见，正确调整渲染输出框的大小会从行中删除标记。这与版本1.10.1的DataTables和1.0.0的响应。最新的DataTables版本是1.10.12 ，而它包装的版本是2.1.0 。这是一个相同的小提琴交换出来的那些版本： https ： //jsfiddle.net/hmr9qtx3/ 在工作版本号和非工作版本号之间，数据表和响应插件的使用是相同的。您会注意到响应式插件可以正常运行非跨表表头和表的主体。但是，当页面调整到足以使它们添加滚动条/溢出时，不会从DOM中删除生成标头。如何修复或修补我的代码，以便生成的标题像工作小提琴一样响应？我宁愿不使用旧版本的插件。

使用Moment.js和Ordering Plugin在Datatable中按日期排序（dd.mm.YYYY）的问题: 我正在尝试使用此博客文章中描述的方法对数据表进行排序。如博文中所述，我将两个文件moment.min.js和datetime-moment.js包含在我的页面中。我的日期格式如下： 16.03.2015 在初始化数据表之前，我正在执行时刻，如： $.fn.dataTable.moment(‘dd.mm.YYYY’); $(‘.datatable’).DataTable({ “retrieve”: true, “bLengthChange”: false, “autoWidth”: true, “responsive”: true, “oLanguage”: { …… …… 不幸的是，当单击日期列时，表仍然按字母顺序排序。我已经尝试在“dataTable”中更改“DataTable”，反之亦然 – 但它没有任何区别！ Mabye，我必须指定哪个列是具有日期的列？但我无法找到如何指定它。在Chrome Developer Console上没有错误消息或日志。它只是按字母顺序对日期列进行排序。我可以使用不同的插件 – 但另一个插件被声明为已弃用。有谁知道导致这个插件不对数据表进行排序的问题是什么？谢谢！

允许在DataTables中的`fnServerData`中进行服务器端缓存: 默认情况下，DataTables中的Ajax调用通过在URL上添加伪造字段来避免缓存，例如http://yoursite.com/api/?_348522852542′ 。我想禁用它。似乎ajax函数调用fnServerData ，其定义类似于此… “fnServerData”: function ( sUrl, aoData, fnCallback, oSettings ) { oSettings.jqXHR = $.ajax( { “url”: sUrl, …. “cache”: false, …. }); }; 我希望”cache”的值为true而不是false 。我错过了什么吗？为什么这样硬编码？是进行此更改以在本地或通过提交补丁来编辑源的最佳方法吗？

使用jQuery插件调整表格列的大小: 我使用DataTables和jquery-resizable-columns来创建具有可resize的列的表。这是一个例子。我尝试在DataTables的基本ReactJS应用程序中使用jquery-resizable-columns插件。我在componentDidMount中添加了resizableColumns函数，但它不起作用。我在ReactJS，任何人都可以向我解释为什么它不起作用？的jsfiddle jsx脚本 /** @jsx React.DOM */ var TodoApp = React.createClass({ getInitialState: function() { return {items: [], text: ”}; }, render: function() { return ( React + jQuery.DataTable ); } }); var LopMonHoc = React.createClass({ getInitialState: function(){ return {data: []} }, componentDidMount: function(){ var self = this; $(‘#mytable’).DataTable({ “bAutoWidth”: false, […]

jQuery DataTable – 搜索一列下拉列表: 我有一个简单的jQuery数据表，包含4列，其中一列是下拉列表。 Vendor Location Currency Vendor Type Vendor Vendor Location Currency Vendor Type Vendor New York American Steel Vendor Name 1 Vendor Name 2 Vendor Name 3 Vendor Name 4 Vendor Name 5 Montreal Canadian Plastic Vendor Name 1 Vendor Name 2 Vendor Name 3 Vendor Name 4 Vendor Name 5 Toronto Canadian Logistics Vendor Name […]

jQuery DataTable列filter，延迟搜索到3个以上的字符或输入密钥: 我试图实现这一目标，但到目前为止还没有成功。到目前为止，在stackoverflow或datatables论坛上试过这些建议还没有运气。我尝试了jQuery DataTables的fnSetFilteringEnterPress ：延迟搜索，直到键入3个字符或点击一个按钮，但到目前为止无法使其工作，任何建议。任何建议都会很感激。谢谢 var oTable; var ws_GetData = ‘Default.aspx/GetList’; $(document).ready(function () { oTable = $(‘#tbl1’).dataTable({ “bJQueryUI”: true, “bPaginate”: true, “sPaginationType”: “full_numbers”, “iDisplayLength”: 25, “bProcessing”: true, “bFilter”: true, “bServerSide”: true, “aoColumns”: [{ “sWidth”: “5%”, “bSortable”: false }, { “sWidth”: “3%”, “bSortable”: false }, { “sWidth”: “5%”, “bSortable”: false }, { “bSortable”: false […]

数据表：fnRowCallback中的自定义函数: 试图在fnRowCallback中运行函数。 jQuery报告此错误： too much recursion /js/jquery.js Line: 4 找不到这个无休止的循环。 alert(aData.toSource()); 显示我试图循环的数组。 var clientId = 1234; var reportData = $(‘#report-data’).dataTable({ “bProcessing”: true, “bServerSide”: true, “sAjaxSource”: “?go=report&do=process&action=get-report”, “fnServerData”: function ( sSource, aoData, fnCallback ) { aoData.push({ “name”: “client_id”, “value”: clientId }); $.getJSON( sSource, aoData, function (json) { fnCallback(json); }); }, “fnRowCallback”: function (nRow, aData, iDisplayIndex, iDisplayIndexFull) { […]

dataTables.js没有正确resize。表仍然溢出窗口: 我正在使用来自https://datatables.net/的 dataTables.js我也在使用他们的响应式扩展，但我无法让表格正确响应resize。任何见解都会很棒。桌子溢出窗户。如果将它完全展开以显示所有列，它甚至不会开始隐藏列，直到第3列关闭屏幕我用我的代码创建了一个jsfiddle 。 $(document).ready(function() { // Setup – add a text input to each footer cell $(‘#Table_Assets tfoot th’).each(function() { var title = $(‘#Table_Assets thead th’).eq($(this).index()).text(); $(this).html(”); }); // DataTable var table = $(‘#Table_Assets’).DataTable({ responsive: true, “autoWidth”: false, “order”: [ [13, “desc”] ], initComplete: function() { var r = $(‘#Table_Assets […]

让yadcf（用于数据表）在Angular 2（jQuery 3）中工作: 我一直在使用伟大的插件yadcf作为datatables库。我一直在使用asp.net mvc 5的视图中没有问题。我们目前正在使用提供数据的ASP.NET Web Api将应用程序迁移到Angular 2。我已经通过最少的更改移动了代码，并且通过将对datatables库的引用放在承载角度应用程序的index.html页面上的脚本标记中，设法使数据表正常工作。然后，我从承载表的组件中运行下面的datatables初始化代码。但是每当我尝试用yadcf.init做同样的事情时，我得到： Uncaught (in promise): TypeError: Cannot read property ‘replace’ of undefined 它崩溃了。 ngOnInit(){ this.table = $(‘#studyList’) .DataTable({ serverSide: true, responsive: true, processing: true, ajax: {…….. …….. } ……… }); // runs fine to here and datatables works when the following is commented out // but […]

在Turbolinks存在的情况下导航回来时，如何防止jQuery DataTable上的重复包装？: 我在一个新的Rails 4.2项目中使用jQuery DataTables。我有大量的结果需要在组，项目和状态上进行过滤。选择组通过应用程序的往返过滤项目选择，项目选择以相同的方式过滤表格。我将组和项目保存在会话变量中，这样当用户更改页面时，然后单击主链接返回，它将记住他们的选择，并将它们返回到原来的位置。这一切都像我打算一样。问题是使用浏览器的后退按钮从不同的页面返回到表将导致DataTable周围的重复包装器（带有搜索框，项目数下拉列表和分页链接）。我添加了jquery-turbolinks gem。我试过摆弄事件听众，但我无法使这些想法发挥作用。我已经尝试使用data-turbolinks=false来使用Turbolinks免除页面主体。我已经尝试将我的脚本密钥更改为$(document).ready() ，如page:load 。他们都没有阻止这一点。我已经尝试将DataTable的所有脚本加载为Turbolinks，并在该特定页面中使用data-turbolinks-eval=false （使用content_for :head ）。我发现的唯一一件事就是阻止这个包装器重复发生就是简单地删除调用以完全包含来自资产的turbolinks JS。如果我不知道比我更聪明的人认为它应该是应用程序的一部分，我已经做到了这一点。我不知道该怎么办。我正在寻找处理这个问题的优雅方式。