草庐IT

ngx-datatable

全部标签

javascript - 如何解析从 Datatables ajax 调用接收到的 JSON?

我可以用ajax调用成功地填充我的数据表,但是我不知道如何解析数据表通过这个ajax调用接收到的JSON。这是我的JavaScript代码,它对服务器进行ajax调用并正确填充我的数据表:$('#transactions').DataTable({"processing":true,"ajax":{"url":"/transactions},"columns":[{"data":"car"},{"data":"card_number"},{"data":"invoice"},{"data":"status"}]});这是从服务器返回的JSON对象:{"data":[{"car":190

javascript - DataTables 在子行中隐藏行(就像响应扩展一样)

我正在将DataTables1.10+与Buttons的列可见性模块(colvis)一起使用,并希望将隐藏的列放在可折叠的子行中,就像响应式扩展在“详细信息”行中所做的一样。不过我不想要响应度。是否可以仅使用响应式插件的“子行”功能或“关闭”基于窗口宽度的响应式自动列可见性调整?简而言之:colvis是允许用户显示和隐藏列所必需的隐藏的列应该在可折叠的“子行”中表格不应该是响应式的(在使用响应式的情况下扩展名)响应式插件子行:我的数据表初始化:varoTable=$('#table_sd').DataTable({'dom':'Rrilptilp','processing':true,

javascript - 如何将 ngx-restangular 添加到 angular-seed?

我有一个框架应用程序构建mgechev/angular-seed和2muchcoffeecom/ngx-restangular.我想整合它们,但我找不到解决方法。在我成功添加几个包到project.config.ts之前只需关注angular-seed文档。下面是一段运行良好的配置:...#tools/config/project.config.tsletadditionalPackages:ExtendPackages[];additionalPackages=[{name:'angular2-jwt',path:'node_modules/angular2-jwt',package

javascript - 无法使用 ngx translate/core - angular 2 typescript 获取文本的动态翻译

问题:我有来自Json文件的动态文本。我正在使用这样的translate.get()方法:this.translate.get('keyInJson').subscribe(res=>{this.valueFromJson=res;/*creatinganobjectusingabovetext*/});由于这是异步的,因此我无法在页面呈现时获取翻译后的文本。我尝试将上述方法包装在Observables和Promises中,但它无法在页面加载期间获取文本的翻译版本。在尝试了不同的方法后,我能够获得翻译后的文本,但代码变得过于复杂且不可靠。预期/期望的行为应该加载文本的翻译版本问题重现动

javascript - 更改 VuetifyJS DataTable 单元格的默认宽度

我正在使用VuetifyJSDataTable我需要将每个标题单元格的条目尽可能彼此靠近。我尝试为每个标题添加一个宽度,但这没有用-似乎有一个预定义的宽度不能低于它。更新:它应该是这样的——每行之间的边距应该固定为10px:这是一个CodePenexample.{{props.header.text}}{{props.header.text}}{{props.item.name}}{{props.item.calories}}{{props.item.fat}}{{props.item.carbs}}{{props.item.protein}}{{props.item.iron}}如何

javascript - 当超过 x 条记录时,dataTables 只显示一页 - ajax

我在使用数据表通过ajax调用显示记录时遇到了这个问题。无论我每页选择多少结果,即使没有显示所有记录,分页也只显示一页。因此,在每页有12条可能记录和5条记录的情况下,表格显示"Displaying5of5records(filteredfromapossible12)".但是分页部分只有1页,没有3页。iDisplayLengthis5在json响应中iTotalRecords12iTotalDisplayRecords5为什么它没有显示它应该显示的3个页面? 最佳答案 问题是我对如何应用分页服务器端以及为iTotalDispla

javascript - jQuery 插件 DataTables : How to highlight the current search text?

我已经开始使用jQuery(v1.4.2)的DataTables插件(v1.6.2),我想问你是否知道一个settings或plugin允许我在过滤行上突出显示搜索文本框中使用的文本。提前致谢 最佳答案 我不得不建议highlightplugin:)我现在在大致相同的场景中使用它,到目前为止它没有给我带来任何问题。用法很简单:$("#myTable").highlight($("#searchBox").val());只需将高亮CSS类放入您想要的样式表样式即可:.highlight{background-color:yellow}

javascript - 页脚中的 DataTables.net 表列总和

我在将类为“sum”的每一列的总和值插入其页脚时遇到了一个微小的细节问题。代码(或多或少直接取自DataTables.net)如下:vartable=$('#example').DataTable();table.columns('.sum').each(function(el){varsum=table.column(el).data().reduce(function(a,b){returnparseInt(a,10)+parseInt(b,10);});$(el).html('Sum:'+sum);});"sum"具有正确的值,但不知何故未插入到页脚中!IE。它的-元素显示为空。

javascript - 将按钮插入 DataTables 单元格无法正常工作

我正在尝试将按钮插入到JQuery数据表中,但似乎按下按钮时没有任何反应。代码如下(针对JQuery数据表):varoTable=$('#example').dataTable({"aaData":movieclips,"bProcessing":true,"bAutoWidth":false,"fnInitComplete":function(){varoSettings=this.fnSettings();for(vari=0;i0){$("tfootinput")[i].value=oSettings.aoPreSearchCols[i].sSearch;$("tfootinpu

javascript - 带有比较运算符的 jQuery DataTables 过滤列

我一直在使用带有过滤器插件的DataTablesjQuery插件,它很棒。但是,我想知道是否可以在表底部的过滤器输入中的值之前使用比较运算符(例如''or'')按行过滤表列。http://www.datatables.net/plug-ins/filtering#functions有一种方法可以使用接受最大值和最小值的输入字段按范围进行过滤。但是,我想放弃添加两个额外的输入字段并以某种方式解析此列的输入。我要过滤的行只填充了整数(年龄)值。欲望行为的一些例子:inputresults20greaterthan2020-80between20and8020not20有没有人有修改过滤器插