Tag: datatables

DataTables CDN后备表达式

DataTables脚本及其扩展的CDN回退表达式是什么? https://cdn.datatables.net 例如( 来源 ): jQuery –> window.jQuery jQuery.UI –> window.jQuery.ui Modernizr –> window.Modernizr Bootstrap –> $.fn.modal

数据表和ajax数据格式化?

我正在使用Datatables,我希望能够发送一个AJAX请求来获取我的数据。 我的jQuery – $(‘.valid-tags’).DataTable( { “ajax”: { “url”: “/ajax/getValidTags.php”, “type”: “POST”, “data”: { ruleID: ruleID } } } ); 这是从ajax请求返回的数据 – {“data”:[“K”:2,”B”:1,”C”:2]} 我期待在他们自己的行中看到标签名下的’K’,’B’,’C’。 我的数据表虽然没有加载任何数据? 我需要能够将每个键值对包装在自己的数组中,这样 – {“data”:[“K”:2,”B”:1,”C”:2]} 将会 – {“data”:[[“K”:2],[“B”:1],[“C”:2]]} 这是构建它的PHP(我在哪里将键值包装在一个对象中,如上所述)? – $validTagsArray = array(); $validArray = array(); foreach ($cursor as $key => $value) { foreach ($value[‘AutoFix’] as $k => $v) { $x = 0; […]

jQuery datatable – 在列中选择列表

我目前正在jQuery数据表中提取数据,这是非常棒的! 但是我对“角色”列有疑问。 我试图在该列中插入一个选择列表,它将有两个选项“admin”和“User”以及数组中选择列表中值的任何数据。 但我无法将选择列表呈现到表中,然后根据数组中的whats将其设置为admin或user。 jQuery(function($) { var data = [ [“test1”, “admin”, “yes”], [“test2”, “admin”, “yes”], [“test3”, “user”, “no”], [“test4”, “user”, “no”] ] function authusers() { t = $(‘#authTable’).DataTable({ retrieve: true, paging: false, data: data, columns: [{ “title”: “Email”, “render”: function(data, type, row, meta) { return row[0]; } }, { “title”: “Role”, “render”: function(data, type, […]

datatables +连接到db +获取数据,但某些function无法正常工作

我是数据表的新手,喜欢它,想了解更多。 我目前的问题是与数据库通信。 我可以获得所有数据,但有些function不会被破坏(例如分页,每页的条目,搜索,每列的搜索)。 这是我的小提琴 ,相当基本。 我已经在tbody标签中加入了2行,用于测试搜索和列搜索的数据。 我的困难是让它与数据库数据一起工作。 所以在我连接到db的示例中,它与上面的小提琴略有不同。 它有一个index3.php文件,它指向employee-grid-data3.php文件 在我的index.php中的Code下面,指向employee-grid-data3.php以连接到db $(document).ready(function() { var dataTable = $(‘#employee-grid’).DataTable( { “processing”: true, “serverSide”: true, “ajax”:{ url :”employee-grid-data3.php”, // json datasource type: “post”, // method , by default get error: function(){ // error handling $(“.employee-grid-error”).html(“”); $(“#employee-grid”).append(‘No data found in the server — startagain1-index3.php ‘); $(“#employee-grid_processing”).css(“display”,”none”); } } } ); […]

如何使用Natural sort插件制作DataTables工作?

我见过一些类似的问题,但在我的案例中没有正确答案。 我使用DataTables插件对一些表进行排序。 但是我们不能像数字那样对数据进行排序而不是(坚果;-p)。 例如,我们无法对格式化的价格进行排序: 2 150 000€ 4 500 000€ 225 000€ 所以我尝试包含一个名为“ Natural sort ”的DataTables插件 。 但它似乎不起作用,我可能会犯一些错误,但我找不到它们。 任何帮助将不胜感激。 所有你需要看到/测试它: JSfiddle (尝试排序列……)

对表进行多次AJAX调用不止一次初始化?

这个问题很棘手所以我会发布上下文: 我在页面上有一个通过AJAX加载的片段。 该页面包含一个表,该表将由具有服务器端处理的 Datatables供电和填充。 每次我加载包含新表的片段时,我都会告诉Datatables使用bDestroy : true从头开始引导表。 问题 当我通过AJAX加载新表时,AJAX调用获取数据,因为JSON不断堆积。 题 如何防止这些呼叫堆叠并将其减少为一个? 谢谢。 代码示例(根据要求) /* datatables initializer */ $(“#table”).dataTable({ bDestroy : true , bServerSide : true , sAjaxSource : “path/to/json.json” , … }); /* script inside the AJAX loaded content. It outputs a . */ $(function() { $(“body”).trigger({ type : “tableready”, options : { … } […]

使用dtOptions访问angularjs数据表中的json数据

我正在使用Angular Datatables和jquery数据表来填充我的json数据。无法使用DTColumnBuilder.withnewColumn()访问json数据。 我已经尝试了几次但是无法弄明白,任何人都可以帮我解决这个问题。 $scope.dtOptions = DTOptionsBuilder.fromFnPromise( multishiftService.fetchfunds()) .withPaginationType(‘extStyle’) .withDOM ( ‘<"top"iflp>rt<"bottom"iflp>’ ) .withOption(‘bFilter’, false) .withOption(‘bInfo’,false); $scope.dtColumns = [ DTColumnBuilder.newColumn(‘contracts.contracts[0].productGroup’).withTitle(‘Fund Name’), DTColumnBuilder.newColumn(null).withTitle(‘Transfer %’) ]; $scope.dtColumnDefs = [ DTColumnDefBuilder.newColumnDef(0).renderWith(function(data, type, full) { return ” + data + ”; }), DTColumnDefBuilder.newColumnDef(1).renderWith(function(data, type, full) { return ‘ %’; }) ]; 我的HTML代码是: 样本json数据: { “contracts”: { “contracts”: [ { “productGroup”: […]

在jquery数据表中渲染大型服务器端数据集

我正在使用带有少量插件的DataTables 1.9.4 (ColVis,ColReorderWithResize和ColumnFiltering)。 我用于服务器端通信的参数是: “bServerSide” “fnServerData” “sAjaxSource” 现在,假设我必须显示3000行,大约25列没有分页(“iDisplayLength”: – 1)。 json包含大约1MB的数据权重,服务器将其发送到数据表大约需要几秒钟。 问题是这些3000行的渲染需要几秒钟(大约5-10,这是不可接受的)。 在IE上,它可能需要更多,导致“脚本不响应”错误。 我希望我能以某种方式加快这个过程 – 即通过显示让我们说100行并在后台渲染其余部分。 有没有更好的办法? 我知道有一个Scroller插件 – Scroller ,但我需要所有可用于搜索的数据,所以滚动不是一个选项。

拆分数组/对象以过滤值

以下是我如何生成部件号列表(来自json响应): // Any given part could be used more than once. Only want each part # to show first occurance. $.each(data, function(key, val) { if ($.inArray(val.name, partArray) === -1) { partArray.push(val.name); } }); return partArray; 我正在使用jQuery DataTables来呈现我的零件清单。 我有3行从上面的循环中呈现如下: [“1”, “2”, “3”] // First Row [“4”, “5”, “6”] // Second Row [“7”, “8”, “9”] // Third […]

如何在下拉数据表中选择多个值

我是jquery和Data表的新手。 我有一个下拉菜单,当用户选择一个值时,它将搜索数据并绘制一个表。这个搜索和绘制表都是数据表的默认属性。 现在我希望用户可以选择多个值。 并且基于多重选择,搜索应该发生。我做了很多搜索,但没有得到任何东西。 任何帮助将不胜感激! 在此图像中,我从下拉列表中选择了一个值,并根据表中填充的两个条目。 现在我想在这个下拉列表中选择多个值,可能之后使用复选框需要搜索应该与两个选定的条目一起使用。