草庐IT

Ignited-Datatables

全部标签

javascript - 列中所有行的 DataTables 超链接

我正在使用DataTables生成表格。有一列包含订单号。例如:...我需要此列中的每一行都有一个指向view/order?id=?的超链接,其中?是OrderNo中行的内容列。例如,第一行是指向view/order?id=1321755等的超链接。最简单的方法是什么?这是我用来初始化数据表的代码:$(document).ready(function(){$('#example').dataTable({"serverSide":true,"ajax":{"url":"../server_processing/orders.php","type":"POST"},"order":[[0

javascript - 使用带有 AJAX 数据源的 DataTables 的列名

我正在尝试升级我的系统以使用1.10而不是1.9的DataTables,并且我正在尝试找到一种使用JSON对象而不是列表来传回行内容的方法。具体来说,不是以[['data','data','data'],['data','data','data'],etc..]格式传回数据想把它放在格式[['colA':'data','colB':'data','colC':'data']]中。现在我的AJAX函数以那种格式返回数据,我正在尝试使用以下代码进行初始化:$("table").DataTable({"columnDefs":[{"name":"wo_status","title":"wo_

javascript - DataTables 中显示行的限制

我使用Datatables2.0。如何设置显示行数限制?我有1000行都显示在一页上。在Datatables1.9中,它与“iDisplaylenght”一起使用。但在Datatable2.0中,我尝试像本文档中那样设置“长度:10”:http://next.datatables.net/manual/server-side但它不起作用。编辑:在上面的这个链接上你可以看到我的问题。从复选框中选择哪个数字并不重要。我发现,通过来自@Julian的链接(谢谢),如果我不使用ajax调用,它工作正常。但是如果我从服务器端获取我的数据,我的所有数据都会显示出来。查看链接。所以一定是服务器端的问

javascript - 如何更好地定义 JQuery DataTables 的列渲染?

我们广泛使用JQueryDataTables。我现在将所有应用程序表切换到AJAX数据源,以更好地支持搜索并更快地呈现表。我遇到的问题是如何在我的表列中定义数据呈现。我不只在列中呈现数据,但我需要在某些列中添加一些额外的标记(例如data或链接等)。这可以通过javascript完成,我是这样做的。问题是我不想为我的应用程序中的每个表都使用此列定义语法。没有两个表是相同的,并且要像这样支持所有表/列,它会导致每个表都有一堆javascript代码。我不认为这是一个好的做法。$('.data-table').each(function(){initialize_ajax_data_tab

javascript - Jquery DataTables 插件 - 隐藏列名称行

我正在开发一个网络应用程序,它在不同的View中显示几个(~5)个不同的数据表。我尝试用列名称隐藏顶行,仅针对其中一个数据表(但将另一行保留在该行中),但没有成功。我找到的大多数解决方案都使用CSS,这导致该行从我的应用程序的所有数据表中消失。有人知道一个好的解决方案吗?这是我如何在我的应用程序中创建数据表的示例:this._currentDiv=$('');this._stopsTable=$('');$(this._currentDiv).append(this._stopsTable);$(this._currentDiv).append(self._stopsTable);$(

javascript - DataTables row.add() 不适用于 serverSide 选项

我正在尝试做这样的事情https://datatables.net/blog/2012-05-31但是,我也在使用服务器端处理。我的问题出在添加新行部分。这是我的例子,但它不起作用: vart=$("#table").DataTable({ "ajax":"https://api.myjson.com/bins/2k6e5", "serverSide":true, "autoWidth":false, "responsive":true, "ordering":true, "searching":true, "paging":true, "columns":[{ d

javascript - DataTables 动态添加列到表

我正在使用DataTables(datatables.net)来显示来自Ajax源的数据,但在自定义它时遇到了问题。我想做的一件事是添加一列,这样我就可以为每一行添加一个“编辑”按钮。示例中最接近的是here但我无法让它与ajax源一起工作。目前,我正在使用以下代码来显示我的表格:fnServerObjectToArray=function(aElements){returnfunction(sSource,aoData,fnCallback){$.ajax({"dataType":'json',"type":"POST","url":sSource,"data":aoData,"su

javascript - jquery.dataTables : how to change totally contained data/aaData?

我需要完全改变数据表的内容,从JavaScript的Angular来做。没有任何Ajax调用,因为我已经读过很多次了。实际上让下面的脚本工作并切换表格的内容就可以了。我以为我可以使用:oTable.fnClearTable();oTable.fnAddData(R);oTable.fnAdjustColumnSizing();但它不起作用。我得到:DataTableswarning(tableid='example'):CannotreinitialiseDataTable.ToretrievetheDataTablesobjectforthistable,passnoargument

javascript - 排序后从 Datatables.net 获取数据

我正在使用Datatables显示一些数据。我还有用于向数据添加新行的输入。当我添加这一行时,我重新初始化表,它会根据我给它的排序规则自动对新行进行排序。我的问题是:有没有办法按照当前查看的顺序从表中获取数据?每当我尝试$('#tableCompetitors').dataTable().fnGetData(),它按照添加到表中的顺序给我数据,而不是按照显示的顺序。那么有没有一种简单的方法来做我想做的事情呢?附言如果有帮助。原始数据源是一个由文本框提供的数组。我解析它,将它推送到一个数组,然后将该数组用作数据源。 最佳答案 我遇到了

javascript - 类型错误 : Cannot read property 'parentNode' of null while using angular-datatables

我正在尝试使用angular-datatables并收到以下错误:-TypeError:Cannotreadproperty'parentNode'ofnullwhileusingangular-datatables".Note:allindexfilesanddependencieshavebeenincluded.view.htmlController.js$scope.finalArray=[];$scope.dtOptions;$scope.dtColumns;/*codeincludesafunctioncalltourltofetchdataafteritissuccess