草庐IT

datatables

全部标签

javascript - Vue.js : Vuetify server side Datatable search filter not working

我正在为我的数据表使用vuetify。除搜索过滤器外,分页和排序都在工作。来自搜索过滤器的响应数据是正确的,但问题是它没有呈现对我的模板的响应。在vuetify文档那里只有分页和排序。我正在尝试通过服务器端实现搜索功能。我的用户.vueexportdefault{data(){return{max25chars:(v)=>v.length{constself=this;self.items=data.items;self.totalItems=data.total;})},deep:true}},mounted(){this.getDataFromApi().then(data=>{t

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 - 使用 DataTable() 更新一行

我想知道使用新API更新/重绘表格行的正确方法。Oldquestions建议table.fnUpdate。我还应该为此使用旧的API吗?newAPI没有告诉我有关更新行的任何信息。提前致谢! 最佳答案 我最近遇到了类似的问题。我相信row().data()就是您要找的https://datatables.net/reference/api/row%28%29.data%28%29例如:table.row(0).data(newData).draw();或者,您可以使用row().invalidate()https://datatab

javascript - $(...).DataTable 在使用 Laravel Mix 时不是函数

我很难使用LaravelMix和DataTables。我遇到的问题是,当我编译我的.js文件等时,每次我访问一个将执行jQuery数据表的页面时,都会抛出以下错误:错误是:jQuery.Deferredexception:$(...).DataTableisnotafunctionTypeError:$(...).DataTableisnotafunctionUncaughtTypeError:$(...).DataTableisnotafunction据我了解,$(...).DataTable不是全局变量,但我如何确保它可以“在全局范围内”/在我的应用程序中访问?以下是我的设置:应用

javascript - jquery dataTable改变行颜色

我正在使用JQuery数据表,我需要更改鼠标悬停事件(突出显示的行)上的行的颜色我试过:table.displaytr.even.row_selectedtd{background-color:red;}table.displaytr.odd.row_selectedtd{background-color:blue;}JSFiddle 最佳答案 试试这个CSS:table.displaytbodytr:nth-child(even):hovertd{background-color:red!important;}table.disp

javascript - ngx-DataTable 在列上排序不工作 Angular 4

虽然我是Angular的新手,但我在使用ngx-DataTable时遇到了一些困难。我正在使用简单的ngx-DataTable进行简单的操作。问题出在列上,尽管我已将attr声明为[sortable]=true,但排序不起作用。这是代码。表定义:DataTable包含两列,定义如下。{{row.first_name}}我只想让我的姓名列可排序。请帮帮我。提前致谢。 最佳答案 好了,解决了。实际上它找不到可以对列进行排序的值。所以我只是在ngx-datatable-column声明中写了prop='first_name'让它知道要排序

javascript - TypeError : google. visualization.DataTable 不是构造函数

在我的网页上,我有一个谷歌地图,以及三个图表。当页面加载map时,map很好,但图表要么不加载,要么只有一两个图表加载。继续收到错误TypeError:google.visualization.DataTableisnotaconstructor。functionload(){//mapobjectvarMY_MAP=newgoogle.maps.Map(document.getElementById("map"),{center:{lat:54.870902,lng:-6.300565},zoom:14});//calltogetandprocessdatadownloadUrl("

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

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