Tag: jquery数据表

Jquery DataTable按Metronic管理主题中的第一列排序

我正在使用由某个人创建的管理主题,它在我的dataTables中通过第二列命令所有dada。 我试图更改数据表jquery文件,但没有发生。 他使用不同的初始化来调用它。 jQuery(document).ready(function() { App.init(); // initlayout and core plugins TableAdvanced.init(); }); 我不知道要改变什么来禁用排序或通过第一列订购..这是主题: http : //keenthemes.com/preview/metronic_admin/table_advanced.html也许有人知道答案?

数据表工具提示图像

我有下表,我需要根据唯一的员工ID显示人物图片的工具提示: 以下代码适用于显示正确的url如何使工具提示显示url的img而不仅仅是url的文本。 代码如下: $(‘#ctl00_m_g_615c4803_912c_4ba4_8415_8082f2df612c_ctl00_resultsGrid’).dataTable(); $(‘#ctl00_m_g_615c4803_912c_4ba4_8415_8082f2df612c_ctl00_resultsGrid tbody tr’).each( function() { var nTds = $(‘td’, this); var sn = $(nTds[5]).text(); var urlStart = “” var url = urlStart + urlMiddle + urlEnd; //alert(url); this.setAttribute(‘title’, url); }); }); 输出工具提示只显示文本http:// portal:8081 / ColleaguePhotos / staffnumber / primary.jpg />;

使用按钮启用DataTable中的禁用固定列

我自己使用jquery DataTable创建了一个带有固定列的html表,参考了这个例子 , $(document).ready(function() { var table = $(‘#example’).DataTable( { scrollY: “300px”, scrollX: true, scrollCollapse: true, paging: false } ); new $.fn.dataTable.FixedColumns( table, { leftColumns: 2 } ); } ); 更新:我自己尝试使用此小提琴中给出的按钮启用/禁用固定列, var columnNumber = 2; $(‘#ToggleColumns’).click(function () { if(columnNumber == 2) { columnNumber = 0; } else { columnNumber = 2; } foo(); 其中foo()包含要修复的columnNumber。 根据按钮切换列号的正确语法是什么?

数据表仅显示从服务器返回多行时的第一行

嗨,我最近更新了我的数据表从1.9.4到1.10.2。 大多数function都有效,但有时我会遇到奇怪的问题,即使从服务器返回多行时,Datatable也只显示一行。 我也有类似的奇怪错误 有谁知道他们的头脑是什么导致这些问题? 从1.9.4到1.10.2发生了什么戏剧性的变化? 该网站称Datatables 1.10.2完全向后兼容,但似乎并非如此…… 谢谢

JQuery数据表使用fnClose()关闭每个打开的行

我正在尝试制作一个关闭onClick的按钮,点击我的Datatable中所有已打开的tr 。 我用以下命令打开行: oTable.fnOpen(nTr, fnFormatDetails(oTable, nTr), ‘newtr’); 是否有可能关闭我的Datatable中所有打开的tr行?

具有多选下拉值的数据表特定列filter

我在数据表的列下面有一个下拉列表,我想选择多个值,一旦选择那些搜索应该使用这些新值。 我不确定如何将选定的下拉值映射到搜索function。 任何人都可以理清这一点。 这是我试过的代码。 var dtable = $(‘#datatable-editable’).DataTable(); var myArr = []; myArr = $(“#skillsList option:selected”).map(function() { return $(this).val(); }).get(); dtable.column(9).search( ‘^’+myArr.join(‘|’)+’$’, true, false).draw();

Jquery DataTables – 根据行ID更改特定单元格中的数据

我试图通过转到特定的表行ID来更改我的Jquery DataTable中的第5列表数据。 默认情况下,我的所有表行都具有row 。 例如: 147 … 为了尝试更改特定的表数据单元格,我尝试了类似的方法 table.row(“#row” + data.job_id).data(variable).draw() 但是这会在每个表数据单元格中的整行上写入数据。 如何在行中指定表数据单元,并使用DataTables API将其写入?

jeditable-datatables,在发布之前validation“值”

我正在尝试将jEditable与Datatables一起使用。 如何在POST之前validation输入“值”: 这是我正在使用的代码 oTable = $(‘#myTable’).dataTable( { “fnDrawCallback”: function(){ $(‘td:eq(4)’, this.fnGetNodes()).editable(”, { “callback”: function(sValue, y) { var aPos = oTable.fnGetPosition(this); oTable.fnUpdate(sValue, aPos[0], aPos[1]); } }); } }); 编辑validation码应该放在哪里? 之前 $(‘td:eq(4)’, this.fnGetNodes()).editable(”, { 或之前 oTable.fnUpdate(sValue, aPos[0], aPos[1]);

jQuery Datatables定制DOM

我的桌子有这个设置: $(document).ready(function() { $(‘#example’).DataTable({ dom: ‘Bfrtilp’, responsive: true, “order”: [[ 1, “desc” ]], “lengthMenu”: [[10, 25, 50, -1], [10, 25, 50, “Alle”]], buttons: [ { extend: ‘copyHtml5’, exportOptions: { columns: [ 0, ‘:visible’ ] } }, { extend: ‘excelHtml5’, title: ‘Events export’ }, { extend: ‘pdfHtml5’, title: ‘Events export’ }, ‘colvis’ ], “language”: {“url”: “/vendor/datatables/german.json”} […]

在DataTables Server Side模式下重置按钮以显示原始表数据

我在服务器端模式下设置了DataTables 1.10.15。 当使用jquery的keyup和change方法完成各种输入时,将触发生成表数据的ajax脚本。 我想实现一个按钮,将表重置为原始状态(第一次加载页面,在任何搜索/排序之前)状态。 所以我实现了这一点,这意味着当单击一个按钮( #resetSearch )时,它会清除所有搜索输入字段,然后重绘表格: $(‘#resetSearch’).click(function(){ $(‘:input’,’#primarySearch’) .not(‘:button, :submit, :reset, :hidden’) .val(”) .removeAttr(‘checked’) .removeAttr(‘selected’); myTable.draw(); }); 变量myTable是对DataTables的引用: var myTable = $(‘#myTable’).DataTable({ }); 问题是虽然它清除了我的所有搜索输入,但它不会重置表中的sort和order输入。 因此,如果我在第2列进行了降序排序,然后按了#resetSearch ,它将按第2列的降序给出所有结果 – 因为那里没有代码可以将其重置为升序列0。 我不明白如何定位sort或order输入,以便我可以覆盖它们并使其工作。 请有人帮忙吗?