Tag: datatables

如何在jquery数据表中对多个列进行分组: 如何基于多列分组折叠和展开表。例如，我有这样的表 ————————————————————— location | size | cont_no | price | depot | cond | ————————————————————— USA | XX | 123 | 230 | SED | LK | USA | YY | 343 | 330 | ASD | HK | UAE | XX | 233 | 230 | SED | LK | IND | ZZ […]

来自Ajax源的DataTables按数据顺序和显示格式化日期: 基本上我想将数据从ajax中提取到我的列中，但我希望列中的单元格具有data-order属性，并使用ajax调用中的值，并使用moment.js格式化单元格中的数据。我认为这是使它漂亮和可订购的最好方法。我找到了datetime-momentJS的插件，但它只会订购日期，而不是格式化它。 var dataTable = $(‘#products’).DataTable( { ‘processing’: true, ‘ajax’: ‘/products’, ‘columns’: [ { ‘data’: ‘updated_at’, ‘className’:’date’ } ] }); 现在我将此作为最终结果： 2015-11-08T11:00:00.000Z 但我想要的结果是： 11/08/2015 我可以使用render选项以某种方式执行此操作吗？像我想要的格式化时刻代码将是moment(‘2015-11-08T11:00:00.000Z’).format(‘DD/MM/YY’) 。

DataTables：隐藏tbody的滚动条时，固定列会搞乱: 我有一张桌子，其中包括：第一列是固定的 TFOOT 水平滚动条的脚有隐藏的水平滚动条。小提琴： https ： //jsfiddle.net/jbeteta/6sxh3gbk/12/ $(function() { $(‘#example’).DataTable({ “fnInitComplete”: function () { // Disable scrolling in Head $(‘.dataTables_scrollHead’).css({ ‘overflow-y’: ‘hidden !important’ }); // Disable TBODY scroll bars $(‘.dataTables_scrollBody’).css({ ‘overflow-y’: ‘scroll’, ‘overflow-x’: ‘hidden’, ‘border’: ‘none’ }); // Enable TFOOT scoll bars $(‘.dataTables_scrollFoot’).css(‘overflow’, ‘auto’); // Sync TFOOT scrolling with TBODY $(‘.dataTables_scrollFoot’).on(‘scroll’, function () […]

带有标题和行中复选框的Jquery数据表：选中所有复选框不起作用: 我正在使用Jquery Datatable 。我希望第一列包含标题和带复选框的行，并且应该选中标题复选框和剩余行的复选框。我有以下实施。数据表属性 “aoColumns”: [{ “sTitle”: “”, “mDataProp”: null, “sWidth”: “20px”, “sDefaultContent”: “”, “bSortable”: false },null,null,null,null,null,null] 数据表行 Javascriptfunction function toggleChecks(obj) { $(‘.case’).prop(‘checked’, obj.checked); } 我在单页时工作正常。但是当我进行分页时，其他页面的复选框仍未选中。如何实现这一点，使所有复选框的行为一致。请协助。

将新行放在jQuery数据表的特定位置: 默认我创建了一个ajax datatable ，这些行有时在表的末尾由json填充： jsfiddle ，有时在表的顶部。这取决于ajax响应的时间。推荐的输出我有来自两个不同来源的两个输入jsons，输出是这个表： 123 123 123 … 123 123 876 876 876 876 123 123 … 123 来自2. json的行插入表（从1.json创建）到特定位置。这个位置是常数，长度为1和2. json数据是常数。第一个解决方案我必须添加包含数字的第一列，并按顺序对数据表进行排序 – jsfiddle 。我可以隐藏第一列jsfiddle ，但我更喜欢使用自定义函数，因为它在IE8中不起作用。 var t = $(“#tab1”).DataTable({ “ajax”: “data1.json”, columnDefs: [ { className: “hide”, “targets”: [ 0 ] }, ], “columns”: [ { “data”: […]

jQuery DataTables：我可以为Sort提供3种状态：ASC，DESC和NO_SORT吗？: 单击列标题时jQuery Datatable的排序顺序仅在asc（向下箭头）和desc（向上箭头）之间切换。即 1st-click ascending 2nd-click descending 3rd-click asc 4th-click desc || || || || || || || || odd-click asc even-click desc. 我想引发这样的事情： 1st-click ascending 2nd-click descending 3rd-click no-sorting 4th-click asc 5th-click desc 6th-click no-sort || || || || || || || || (n%3==1)-click asc (n%3==2)-click desc (n%3==0)-click no-sort. 有没有办法在jQuery dataTables中改变这种行为？请帮忙！提前致谢。

在JSON驱动的jQuery数据表中转义标记？: 我正在使用jquery数据表，它使用sAjaxSource属性动态加载一些JSON。一切都很好，除了加载的内容被视为潜在的标记，所以如果单元格中的文本包含<或某些东西，事情会变得奇怪。在将数据加载到表中之前，如何让数据表转义我的数据？我不想做服务器端，因为服务器不应该关心客户端将如何处理数据。

数据表.row（）未定义: 我想通过简单地点击相关的按钮删除行.. 数据表是有效的，我可以使用一些基本的function，如数据中的排序和搜索，但当我点击按钮它只是简单地说未定义的错误：为了您的信息，我使用datatable 1.10和jquery 1.10.2 代码： Video ID Filename Action 1 ABCD Video ID Filename Action var table = $(‘#table’).dataTable( {} ); $(‘#table tbody’).on(‘click’,”input[type=’button’]”,function() { table .row( $(this).parents(‘tr’) )** .remove() .draw(); });

使用ReactJS的Datatables.net在列中呈现ReactJS组件: 我有以下组件与数据表： import React, { Component } from ‘react’ import { Link } from ‘react-router’ import { PanelContainer, Panel, PanelBody, Grid, Row, Col } from ‘@sketchpixy/rubix’ import $ from ‘jquery’ import DataTable from ‘datatables.net’ $.DataTable = DataTable const columns = [{ title: ”, data: ‘check’, }, { title: ‘Foto’, data: ‘avatar’, }, { title: ‘Nombre’, data: […]

如何更改特定的jQuery dataTables单元格值: 我有2个HTML表格。 Table 1和Summary Table 2 。我使用以下函数在Table 1中的单元格中添加或删除复选标记，然后在Summary Table 2增加或减少相关值。 function toggleCheckMark(elem, brand){ var cell = $(elem).html(); if(cell == “”){ $(elem).html(“&#x2714”); var brandval = parseInt($(“#” + brand).find(“td:eq(3)”).html()); var newval = brandval + 1; $(“#” + brand).find(“td:eq(3)”).html(“” + newval + “”); } else { $(elem).html(“”); var brandval = parseInt($(“#” + brand).find(“td:eq(3)”).html()); var newval = brandval – […]