jjzjj

dataTables

全部标签

javascript - 如何使用服务器端数据源在由 JQuery DataTable 生成的表上添加行号

我使用JQueryDataTable绑定(bind)并显示我的数据。但是,我无法从客户端向生成的网格添加行号。这是我的代码:HTMLJavascript$('#applications_list').dataTable({"bLengthChange":false,"bFilter":true,"bFilter":false,"bProcessing":true,"bServerSide":true,"sPaginationType":"full_numbers","sAjaxSource":config.siteURL+"/applications/ajax_index","sSer

javascript - 如何格式化数据表中显示的日期

我有一个函数可以使用数据表显示数组中的对象。将日期和时间格式从ISODate更改为人类可读格式有点问题。我的数据vardatas={“rows”:[{_id:"2017-01-03T00:00:00.000Z",Humidity:24,Temperature:18},{_id:"2017-01-04T00:00:00.000Z",Humidity:23.071428571428573,Temperature:18.928571428571427}]}JS脚本vartable=$('#myTable').DataTable({data:datas.rows,"columns":[{dat

javascript - ngx-datatables 在排序时给出 "rxjs_1.fromEvent is not a function"错误

我只是按照演示来展示一个简单的数据表。这是我的代码:columns=[{name:'ID',prop:'id'},{name:'StreetAddress',prop:'address.street'},{name:'Suburb',prop:'address.suburb'},{name:'State',prop:'address.state'},{name:'ManagerName',prop:'manager.name'},{name:'ManagerCompany',prop:'manager.company'},];排序确实有效,但是,当我单击列对记录进行排序时,我也会收到此

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 - 如何在没有 NPM 或 Webpack 的情况下将 CDN 包含到 VueJS CLI?

我是VueJS和Webpack的新手。我已经使用VueJSCLI创建了一个项目并尝试使用它。我需要在我的代码中插入CDN。当使用标准的HTML、CSS和JS解决方案时,我会包括这样的CDN:FalseMerge如您所见,您可以使用HTML脚本标签添加CDN脚本,并在JS中开始使用它。我正在尝试对组件中的VueJS执行相同的操作。我已经准备好模板和样式部分。不幸的是,我不知道如何以简单的方式添加CDN,以便在Vue组件内的脚本标记中立即使用。我尝试这样做,但没有用。exportdefault{name:'Index',data(){return{}}}有没有办法将CDN(没有Webpac

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 - 悬停弹出窗口不适用于数据表的第二页

我动态添加了一栏的内容...for(vari=0;i'+temp[i].referred_by+''}下面的代码是创建数据表$('#datatable4').dataTable({'paging':true,//Tablepagination'ordering':true,//Columnordering'info':true,//Bottomleftstatustext"aaData":data,aoColumns:[{mData:'index'},{mData:'patient_name'},{mData:'age'},{mData:'gender'},{mData:'mobile

javascript - Angular ngx-datatable 一列中的多个数据

我在向ngx-datatable中的列添加多个prop时遇到了一点问题:columns=[{prop:'semesterName',name:'סמסטר',resizeable:false},{prop:'eventName',name:'מפגש',resizeable:false},{prop:'when',name:'מועדמפגש',resizeable:false},{prop:'lecturerName',name:'מרצה',resizeable:false},{prop:'hugName',name:'חוג',resizeable:false},];我需要在一列

javascript - DataTables 中显示行的限制

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

javascript - DataTable,导出为 pdf 不能正常使用两个标题和 colspan

我正在使用数据表来显示我的数据,我想将它们导出为pdf。我遵循了examplegiveninthislink中列出的步骤.我有一个表,其中我想要两个标题和两个标题,一个标题有colspan即如下所示因此,当我尝试将表格导出为pdf时,它只给我一个标题,而且还有完整的列描述。我的代码片段包含所有必需的CSS和JS文件,如下所示:$(document).ready(function(){$('#dataTable').DataTable({dom:'Bfrtip',buttons:['copy','csv','excel','pdf','print']});});IMPvaluesName