Tag: jquery数据表

通过行内的按钮单击访问DataTable中的数据

我可以通过以下简单方法访问数据行： $(‘#received-body tr’).click( function(){ aData = received_table.fnGetData(this); selected_received_id = aData[0]; alert( selected_received_id ); }); 但我无法从其中一行中名为.received-update的按钮访问它们： $(‘#received-body .received-update’).click( function(){ alert( ‘update’ ); // works aData = received_table.fnGetData( $(this).parents(‘tr’)); // fails selected_received_id = aData[0]; alert( ‘update:’ + selected_received_id ); }); 任何帮助赞赏

jQuery数据表重绘问题

我是jQuery和ASP.Net MVC的新手。 我正在开发一个使用jQuery的mvc应用程序。 我在jQuery Datatables中遇到了问题。 在更新或删除方法之后，我们需要再次重新构造Datatable。 我是用jquery做的，但我不能像之前那样加载Datatable。请帮我解决这个问题。 //Here is the table I want to reconstruct SN No Item code <% List xxdetailLst = (List)Session[“xxddetailLst”]; foreach (InSys.Models.xxDetailClass grnd in xxdetailLst) { %> jQuery的 oTable = $(‘#ViewxxTable’).dataTable({ “bPaginate”: false, “bJQueryUI”: true, “bRetrieve”: true, “bDestroy”: true, “sPaginationType”: “full_numbers” });

使用ajax响应的数据表列呈现

我试图使用ajax响应呈现列内容，但它不显示列中的任何内容，尽管ajax响应返回数据， { “width”: “20%”,”targets”: 6, “defaultContent”: ”, “render”: function ( data, type, row ) { if(row.colData !=”){ $url=”server request url”; var ret= row.colData var aydGuid=row.guid; var params = {relatedHID:ret,guid:aydGuid}; $.ajax({ url: $url, async: true, data: jQuery.param(params), dataType:’html’ }).done(function( data ) { alert(data) //displays response return data //does nothing }); }

jQuery Datatables如何使用行分组打印表？

几天我试图用行分组来实现dataTable打印视图，但仍然无法正常工作.. 🙁 我有一个dataTable，其中一列是隐藏的，该列是行分组的。 与此示例中的相同： https ： //datatables.net/examples/advanced_init/row_grouping.html 我正在使用按钮扩展（ https://datatables.net/extensions/buttons/ ）打印按钮。 当我点击打印按钮时，我会看到我的dataTable的所有列，即使是一列也应该被隐藏。 然后我使用了一个选项“columns”：“：visible”，只打印可见列，但它再次不好，因为缺少分组的行。 那么有谁知道如何在Print视图中使用行分组作为原始dataTable获取相同的表？ table = $(‘#vartTable’).DataTable({ “dom”: “Bt”, “paging”: false, “fixedHeader”: { “headerOffset”: -10 }, “autoWidth”: false, “ordering”: false, “data”: data, “columns”: [ {“data”: “path”,}, { “data”: “username”, “render”: function(data, type, row) { return ” + row.username+ ”; } }, { “data”: “name”, “render”: function […]

DataTables如何仅显示日期而不是日期时间

我正在使用DataTables中的Django示例进行服务器端处理。 我以这种格式’yyyy-mm-dd hh：mm：ss’返回datetime值。 这些日期时间值当前显示如下（例如）： 2011年12月18日晚上11:59 我想只显示日期部分而不是日期和时间。 这是我在html页面中的内容： /* <![CDATA[ */ $(document).ready(function() { $('#certs-table').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "bProcessing": true, "bServerSide": true, "sAjaxSource": "/cars/get_cars_list/", "iDisplayLength": 10, "aoColumnDefs": [ { "aTargets": [0], "bVisible": false, "bSearchable": false}, { "aTargets": [1], "fnRender": function ( oObj ) { return '’ + oObj.aData[1] + ”; }, “bSearchable”: true, }, { “aTargets”: […]

使用数据表搜索多个表

好的，在我开始之前，jquery业余警报。 我正在使用Datatables并且似乎无法使fnFilterAll API正常运行，即使他们的网站上给出了示例。 我昨晚在几个小时的时间内完成了一次在线谷歌操作，令我沮丧的是，我找不到fnFilterAll的实际工作示例。 fnFilterAll API允许搜索多个表（对于那些想知道的人）。 为了使事情变得简单，我创建了一个包含两个表的拆分页面。 我想我错过了一些非常基本的东西，比如也许我必须指定列，但不知道在哪里这样做（在this.value区域？）。 无论如何，这是我的代码作为起点： 非常感谢任何帮助。 感谢您的时间。 Testing Multi-Table Search Filter @import”DataTables/media/css/demo_page.css”; @import”DataTables/media/css/demo_table.css”; #div1 { background: #FFFDE0; width: 49%; height: 50%; float: left; } #div2 { background: #E2FFE0; width: 49%; height: 50%; float: left; } #div-mid-spacer { width: 2%; height: auto; float: left; } $.fn.dataTableExt.oApi.fnFilterAll = function(oSettings, sInput, iColumn, bRegex, bSmart) […]

数据表动态隐藏/显示列太慢

我的目标是使用datatables JQuery插件动态显示/隐藏列。 当我有大约500行时，它会永远这样做。 我正在使用新的Datatables API 1.10.0。 $(‘#oats-detailed-view-button’).click(function (e) { e.preventDefault(); oatsTable.columns([6,7,8,9,10,11,12]).visible(true); }); 有更有效的方法吗？

jQuery – datatable插件 – 排序问题

我正在使用http://datatables.net上的 DataTables插件。 它自己的插件是非常有用的，但我有一个很大的问题。 它以下列格式返回某些搜索的地址列表。 1 Main Street 12 Main Street 13 Main Street 14 Main Street … 2 Main Street 3 Main Street 4 Main Street 5 Main Street .. 正如您所看到的那样，排序不是我所期望的。 将返回以1 eg, 11, 111, 1111开头的所有数字， 1 eg, 11, 111, 1111之前的1 eg, 11, 111, 1111 。 你有没有对插件有所了解？ 知道解决这个排序问题吗？ 或者知道在第一次启动时禁用排序的方法（显示数据，因为它来自db）？ 任何建议非常感谢。

如何将jQuery Datatables标题排序图标强制到单元格的最右侧或最左侧？

默认情况下，列标题上的数据表排序图标显示在列标题文本下方。 我希望它出现在标题单元格的同一行和最右侧或最左侧。 以下是其中一个列标题的HTML显示方式（在Firebug中）。 Account Name 我添加了display: inline-block; 到上的css-right类强制它出现在这里和这里提到的同一行。 但是，我仍然无法找到如何强制图标出现在最右边或最左边。 添加float:left; 或float:right; 将图标碰到下一行。 有任何想法吗？

过滤dataTables.net，不包含filter框输入

我想使用DataTables的过滤function，但不想使用它们的搜索框。 在 bFilter下的文档中 ，它说： 请注意，如果您希望在DataTables中使用过滤，则必须保持“true” – 要删除默认过滤输入框并保留过滤function，请使用 之后句子不完整。 我试过了： var oTable = $(‘#sortable’).dataTable({ ‘bPaginate’:false, ‘bInfo’:false, ‘bFilter’: true // displays Search box, setting false removes filter ability all together }); $(‘#Accumulate’).click(function(){ oTable.fnFilter(“Accumulate”); });