Tag: 排序数据表

如何刷新DataTables排序和过滤信息: 为了简化示例，我有一个DataTable，我从HTML加载。此DataTable通过jQuery更新其内容的一部分但是在表中可见时更新的内容在排序或过滤时不反映。请参阅下面的HTML代码 First name Last name Votes Location John Doe 50 London Hill Vaught 120 Berlin Charles Roy 78 Liege 和JavaScript $(document).ready(function() { var dt = $(‘#example’).DataTable({}); $(“#entry2_votes”).text(60); }); 因此，如果您尝试排序Votes列或尝试通过jQuery设置的新值60进行过滤，它将无法正常工作请参阅此工作示例https://jsfiddle.net/bpali/d97bpqvs/3/ 显然，我的问题是如何使其工作，因为在我的现实生活中，我必须不断地通过不同页面部分的不同Ajax请求更新DataTable的部分，我不能只是在表上放置一个ajax源并重新加载表。

使用jQuery DataTables恢复原始排序顺序: 我从已经排序的数据库中检索数据，有时我需要重置回初始加载顺序。我试过这个fnSortNeutral ，它不适用于新的API DataTables 1.10。我试过这个 https://datatables.net/forums/discussion/26430/fnsortneutral-fails-with-new-api 不知道这是做什么的，因为它重置了一些但绝对不会回到原始加载顺序，而是它自己的排序顺序 $(‘#removesort’).click( function() { table.order.neutral().draw(); }); 我不能使用它，因为排序列不存在于Datatable上以便能够使用它进行排序，sort应用于数据库查询 table .order( [[ 1, ‘asc’ ], [ 2, ‘asc’ ]] ) .draw(); 如何获取数据表以显示在单击时从数据库检索的原始加载顺序？根据要求，这基本上是基本的正常代码，我可以找到很长一段时间来添加另一列进行排序，但我觉得我过于复杂地添加另一个字段纯粹为了排序，如果订单可以在数据表中轻松重置。这不可能吗？ var table = $(‘#example’).DataTable( { order: [], “columnDefs”: [ { “targets”: 0, “orderable”: false } ], “sAjaxSource”: “external/load”, “oLanguage”: { “sLoadingRecords”: “”, “sEmptyTable”: “No data found” […]

Jquery / JavaScript：对具有的列的数据表进行排序: 这类似于下面的问题，但不完全相同，因为下面的post没有告诉用户如何创建数据表。我google了很多，但找不到任何有用的资源。 https://stackoverflow.com/questions/36476345/jquery-datatables-and-server-side-sorting-in-asp-net-mvc 我也跟着下面但没有效果在jQuery DataTables中使用锚标记对列进行排序我有一个像下面这样的数据表，我试图排序我的第一列有一个元素。如果我删除并使用@Html.Raw(item.ID)它工作正常但我使用元素时不会进行排序。请告诉我如何在具有元素的列上对数据表进行排序。 ID@*this is for sorting purpose*@ ID Name @foreach (var item in Model.FieldList) { @*this is for sorting purpose*@ @Html.Raw(item.ID) @Html.DisplayFor(model => item.ID) @Html.DisplayFor(model => item.Name) } $(document).ready(function () { $(‘.datatable’).dataTable({ “sPaginationType”: “bs_full”, “aaSorting”: [[0, “asc”]], “aoColumns”: [{ “bVisible”: false }, null, null] }); }); 提前致谢。 [更新1] […]

DataTables根据TD属性值对html表进行排序: 我使用DataTables jquery库来显示简单的HTML表标记，即不使用Ajax或JSON。这一切都很好，除了我有一些列我想要对原始数据排序，而不是显示的格式化数据。我想在TD标签中添加一个属性，例如’data-sort =“42”’并初始化DataTables，指示它根据此值（如果存在）对列进行排序。我已经阅读了mData和mRender的文档，但是这些文件似乎处理的情况比我自己的情况要复杂得多，即数据易于根据需要从服务器更改或获取。请问有人可以告诉我初始化代码是如何进行的，或者指出一个这样做的例子？非常感谢！短发

禁用除第一列之外的每个列的排序: 我目前正在使用Datatables作为自定义系统，我想禁用每列的排序，但第一个。当我添加用逗号分隔的值时，我尝试使用以下代码工作正常 “aoColumnDefs”: [ { ‘bSortable’: false, ‘aTargets’: [ 1, 2, 3, 4 ] } ], 但我的表格列号因每个文件而异，所以我可以有3列或12列，我不想手动添加每个文件的值。如果我添加的值多于我在一个文件中的列，我会收到以下错误，并执行停止未捕获的TypeError：无法读取未定义的属性“className” 那么，有什么方法可以获得这些索引并将它们传递给函数？谢谢！

jQuery DataTables：如何按特定列排序？: 这是页面： http://csuvscu.com/ 我需要按日期列排序，现在它需要阅读11月6日，11月5日和最后10月7日。我该怎么做呢？

自定义jQuery dataTable列的排序: 我有一个包含数字列和NA的表。 NA 1024 100 200 300 2096 我正在尝试使用jQuery dataTable对列进行排序以生成以下内容： NA，100,200,300,1024,2096 和 2096,1024,300,200,100，NA 但无法弄清楚如何通过阅读排序和插件文档来做到这一点。我在这里创建了一个代码的小提琴： http ： //jsfiddle.net/stowball/rYtxh/并且非常感谢一些帮助。

如何在jQuery DataTables上重新初始化数据排序？: 我在我的项目中使用jQuery Datatables，并通过使用如下所述的属性data-sort对列进行“自定义值”排序： https ： //datatables.net/examples/advanced_init/html5-data-attributes。 HTML 工作良好。但是现在我使用Javascript / jQuery来更新这些属性的值，而dataTable没有考虑新值，它仍然使用原始值进行排序。直接对属性进行更新： $(‘td#myColumnId’).attr(‘data-order’, newValue); 如何强制我的dataTable重新初始化我的自定义排序值？到目前为止，我已经尝试过.draw()和.dataTable()但不幸的是，这不起作用。我期待着一个可能的解决方案。

jquery datatables：点击按钮后更新表格单元格: 我们的页面中有一个表格，最后有几行和一个自定义切换按钮。该表是通过页面中的html加载的，而不是通过json加载的。现在，最后的togglebutton发布到服务并在数据库中设置该记录的跟随状态。但是，它还应该更新该行中的另一个单元格。但是我确定我不应该通过jquery手动但通过数据表来做到这一点？ $(‘#tblFollow’).dataTable({ sDom: “t”, aoColumns: [ null, null, null, { bSortable: false } ] }); $(‘#tblFollow’).on(‘click’, ‘a.follow’, function(e){ $(this).toggleClass(‘active’); // updating column ‘following’ here… // but this only changes visually, and not the inner datatables data used for sorting var followingCell = $(this).parents(‘td’).prev(); var txt = followingCell.text() == “1” ? “0” […]

排序（按字母顺序）以忽略空单元格：dataTables: 所以问题已在这里提出，但解决方案对我不起作用（我可能做错了）。我想按字母顺序（“类型”：“自然”）对表格进行排序，但我希望空单元格位于底部（对于desc和asc）。我尝试了fbas给出的先前解决方案： jQuery.fn.dataTableExt.oSort[‘mystring-asc’] = function(x,y) { var retVal; x = $.trim(x); y = $.trim(y); if (x==y) retVal= 0; else if (x == “” || x == ” “) retVal= 1; else if (y == “” || y == ” “) retVal= -1; else if (x > y) retVal= 1; else retVal = -1; // y) retVal= […]