Tag: datatable

数据库固定列（仅右侧）问题

我正在使用JQuery Datatable，当我使用固定列时遇到了问题。 它已经显示了我固定列的两倍 我正在使用服务器端处理，这是我的代码： dataTable = table.dataTable({ fixedColumns: { leftColumns: 0, rightColumns: 1 }, scrollX:true, scrollCollapse: true, “fnDrawCallback”:function(oSettings) { $(‘div.choosePage select’).val(dataTable.DataTable().page()); }, “pagingType”:”bootstrap_full_number”, “processing”: true, “serverSide”: true, “ajax”: { “data”:GETDATA, “dataSrc”:SETAJAXDATA }, “fnInitComplete”:completeProcess, “colReorder”: true, “order”: [ [0, ‘asc’] ], “dom”: “<'row' ><'row'r><'row'>”, // horizobtal scrollable datatable }) Ajax运行良好，当我在左侧使用固定列时没有问题，但是当我在右侧使用它时，我遇到了这个问题。 谢谢。

DataTables从JSON或JS Array＆Objects填充表

我有一个表，我用jquery（html）填充它。 为了限制显示行，我一直在尝试将此表更改为数据表。 我有这样的数据： dataArray = [{ id: 1, props: { abc: 123, def: 456, ghi: 789 }, features: { zxc: 01, cvb: 02, nmn: 03 } }, { id: 2, props: { abc: 002, def: 258, ghi: 965 }, features: { zxc: 52, cvb: 21, nmn: 75 } }, { id: 3, props: { abc: […]

添加指向数据表的链接以获取更多信息

我有这个代码清单，我想添加一个指向datatables的链接，我收到一个错误：DataTables warning（table id =’example’）：从第0行的数据源请求未知参数’3’，当我点击好吧，它没有加载我添加的链接，这是我的代码 $(document).ready(function() { var oTable = $(‘#example’).dataTable( { “bProcessing”: true, “sAjaxSource”: “”, “aoColumns”: [ { “mData”: “bank_id” }, { “mData”: “bank_name” }, { “mData”: “absolute_amount” }, { “fnRowCallback”: function( nRow, aData, iDisplayIndex ) { $(‘td:eq(3)’, nRow).html(‘operations/display/’ + aData[0] + ‘”>’ + aData[0] + ”); return nRow; } }, ] } ); } […]

角度数据表固定列未定义不是函数

我使用带有固定列的角度数据表 ，我的HTML代码用于查看如下： First name Last name Tiger Nixon 我的控制器代码如下： ‘use strict’; app.controller(‘PerformanceCtrl’, [‘$scope’, ‘DTOptionsBuilder’, ‘DTColumnDefBuilder’, function ($scope, DTOptionsBuilder, DTColumnDefBuilder) { $scope.dtOptions = DTOptionsBuilder.newOptions() .withOption(‘scrollY’, ‘300px’) .withOption(‘scrollX’, ‘100%’) .withOption(‘scrollCollapse’, true) .withOption(‘paging’, false) .withFixedColumns({ leftColumns: 1 }); }]); 对于我的index.html文件，我按以下顺序包含了datatables库： 这是我的模块： var app = angular.module(‘MyApp’, [‘datatables’, ‘datatables.fixedcolumns’]); 但我得到这个错误undefined is not a function这个图像undefined is not a function ： 如果我从表的选项中删除了以下代码，没有错误但没有fixedColumns： […]

如何在数据表中的长度菜单旁边添加选择下拉列表？

我想在长度菜单旁边添加一个自定义下拉filter，如下图所示 我尝试过 var product = ‘ConsolesPeripherals’; var config = { “bProcessing”: true, “bServerSide”: true, “sAjaxSource”: “http://localhost/app/get_products”, “fnDrawCallback”: function() { if($(‘.dataTables_length’).find(‘#product’).length < 1){ $('.dataTables_length').append(product); } }, "fnServerParams" : function ( aoData ) { var type = $("#product").val(); aoData.push({ "name": "type", "value": type }); }, "fnServerParams" : function ( aoData ) { var type = $("#product").val(); aoData.push({ […]

带有来自Codeigniter的PHP数据的Datatables子行

我有一个数据表，显示我的数据库中的6列数据。 第7列是一个“+”按钮，向下展开并显示有关该特定条目的另外7个数据。 我也在使用Codeigniter作为我的框架。 最初我使用colspan使行隐藏并挤压，发现这是禁止的，所以我在这里查看了Datatables子行： https ： //datatables.net/examples/api/row_details.html但它似乎在生成表之后数据需要存在。 我有HTML / PHP来生成表格并立即用数据填充它。 数据从我的模型发送到控制器并发送到此视图： ItemID Name Quantity Identified? Item Type Unique ID Details <a data-toggle="collapse" data-parent="#accordion" href="#storagedetails”> ‘form-inline’), array(‘id’ => $storageItem[‘id’], ‘item_loc’ => “inventory”, ‘acctid’ => $acct_data->account_id)); ?> <div id="storagedetails” class=”panel-collapse collapse”> Refine level: <input type="number" name="refine" class="form-control" value="” /> Broken?: <input type="checkbox" name="attribute" class="form-control" value="1" /> Bound?: <input type="checkbox" name="bound" […]

从一个jquery Datatable拖动一行并将其拖放到另一个Datatable中

我试图从一个jquery Datatable中拖动一行或一组行，然后将其拖放到另一个Datatable中。 oTable = $(“#dragtable”).dataTable({ “aaData”: app_emp, “bProcessing”: true, “bDestroy”: true, “aoColumns”: [{ “mDataProp”: “employeeId” }, { “mDataProp”: “empName” }] }).rowReordering(); 我从ajax调用获取json并填充数据表如上所述。行重新排序function正常工作，我可以将行拖放到同一个数据表中 $(“#dragtable “).draggable({ helper: “clone”, }); 上面的代码是拖动整个表，如果我修改如下： $（“＃dragtable tbody tr”）。draggable（{helper：“clone”，}）; 它只拖动Datatable的标题行而不是正文中的数据行。 我有以下代码将行放入另一个jquery数据表。 $(“#tobedroppedtable tbody tr”).droppable({}); 由于上面的代码不起作用，我需要拖放方面的帮助。

使用分页时选择所有行

我有一个表和SELECT ALL复选框。 我正在使用Bootstrap DataTable对表进行分页，我希望SELECT ALL选择页面中的所有行。 这可能吗？怎么样？ 我使用它，但它只有在我返回该页面时才有效，而不是在我第一次点击它时。 $(“#table”).on( ‘page.dt’, function () { if($(‘#select-all’).is(“:checked”)){ $(“.bulk-checkbox”).prop(“checked”, “true”); } else { $(“.bulk-checkbox”).removeAttr(‘checked’); } }); 谢谢

如何使用标准json创建jquery Datatable数组？

首先我是一个Total jquery / js newbee！ 然后我有一个像这样的长json： [ { “rulesrev”: 74, “macaddr”: “”, “lat”: “3543.03133N”, “ip”: “10.128.113.180”, “clientname”: “D-06-29”, “relay0mask”: “-1”, “relay1stat”: “-1”, “clientid”: 542, “bldname”: “D_valiasr_zartosht”, “uptime”: “”, “current”: “”, “temperature”: “”, “softver”: “”, “relay0stat”: “0”, “volume”: “100”, “hardver”: ” “, “relay1mask”: “-1”, “pic”: “”, “comment”: ” p”, “lon”: “05124.48299E”, “rtt”: “2012/08/15 23:20:55.0 (load=0.05) (mem=0.11)”, […]

从数据表中绘制图表

我想从表格中建立一个邮票图表。 该表是使用jquery datatables插件构建的。 该表可以内联编辑。 我想知道是否有人有任何提示在flot中显示数据。 你会从json或直接从图表中提取数据来构建flot图表吗？ 使用datatables jquery插件动态填充数据。 该表看起来像这样.. GDP, based on exchange rates, over time. Values in billion USDs. 2003 2002 2001 2000 1999 1998 USA 10,882 10,383 10,020 9,762 9,213 8,720 EU 10,970 9,040 8,303 8,234 8,901 8,889 谢谢！