标签: datatables

我有一个问题Datatables.我也经历了这个链接,它没有给我任何结果.我已经包含了将数据直接解析到DOM中的所有先决条件.请帮我解决这个问题.

脚本

$(document).ready(function() {
  $('.viewCentricPage .teamCentric').dataTable({
    "bJQueryUI": true,
    "sPaginationType": "full_numbers",
    "bPaginate": false,
    "bFilter": true,
    "bSort": true,
    "aaSorting": [
      [1, "asc"]
    ],
    "aoColumnDefs": [{
      "bSortable": false,
      "aTargets": [0]
    }, {
      "bSortable": true,
      "aTargets": [1]
    }, {
      "bSortable": false,
      "aTargets": [2]
    }],
  });
});

我正在使用jQuery DataTables.

我想删除默认情况下添加到表中的搜索栏和页脚(显示可见的行数).基本上我只想使用这个插件进行排序.可以这样做吗？

我使用jQuery datatables插件对表字段进行排序.我的问题是如何禁用特定列的排序？我尝试使用以下代码,但它不起作用:

"aoColumns": [
  { "bSearchable": false },
  null
]   

我也尝试了以下代码:

"aoColumnDefs": [
  {
    "bSearchable": false,
    "aTargets": [ 1 ]
  }
]

但这仍然没有产生预期的结果.

我正在使用DataTables(datatables.net),我希望我的搜索框在表格之外(例如在我的标题div中).

这可能吗 ？

我收到以下错误:

jquery.dataTables.js:4089 Uncaught TypeError: Cannot read property 'style' of undefined(…)
_fnCalculateColumnWidths @ jquery.dataTables.js:4089
_fnInitialise @ jquery.dataTables.js:3216
(anonymous function) @ jquery.dataTables.js:6457
each @ jquery-2.0.2.min.js:4
each @ jquery-2.0.2.min.js:4
DataTable @ jquery.dataTables.js:5993
$.fn.DataTable @ jquery.dataTables.js:14595
(anonymous function) @ VM3329:1
(anonymous function) @ VM3156:180
l @ jquery-2.0.2.min.js:4
fireWith @ jquery-2.0.2.min.js:4
k @ jquery-2.0.2.min.js:6
(anonymous function) @ jquery-2.0.2.min.js:6

上面引用(匿名函数)@ VM3156:180的行是:

                TASKLISTGRID = $("#TASK_LIST_GRID").DataTable({
                    data : response,
                    columns : columns.AdoptionTaskInfo.columns,
                    paging: true
                });

所以我猜这是失败的地方.

HTML ID元素存在:

  <table id="TASK_LIST_GRID" class="table table-striped table-bordered table-hover dataTable no-footer" width="100%" role="grid" …

我有一个问题,使用jQuery DataTables插件控制表的宽度.该表应该是容器宽度的100%,但最终是任意宽度,而不是容器宽度.

建议表示赞赏

表声明如下所示

<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3"     width="100%">

和javascript

jQuery('#tab-datasets').load('/cgi-bin/qryDatasets', '', function (){  
    jQuery('#querytableDatasets').dataTable({  
        "bPaginate": false,  
        "bInfo": false,  
        "bFilter": false  
    });  
});  `  

检查Firebug中的HTML,你会看到这一点(注意添加的样式="width:0px;")

<table id="querytableDatasets" class="display" cellspacing="0" 
cellpadding="3" width="100%" style="width: 0px;">

在样式中查看Firebug,table.display样式已被覆盖.看不出这是从哪里来的

element.style {  
  width:0;}    

-- dataTables.css (line 84
table.display { 
  margin:0 auto;  
  width:100%;  
}  

我正在使用插件jQuery数据表并加载我在页面底部的DOM中加载的数据并以这种方式启动插件:

var myData = [
    {
        "id": 1,
        "first_name": "John",
        "last_name": "Doe"
    }
];

$('#table').dataTable({
    data: myData
        columns: [
        { data: 'id' },
        { data: 'first_name' },
        { data: 'last_name' }
    ]
});

现在.在执行某些操作后,我想使用ajax获取新数据(但不是在数据表中构建ajax选项 - 不要误解我!)并使用这些数据更新表.我怎么能用datatables API做到这一点？文档非常混乱,我找不到解决方案.任何帮助将非常感谢.谢谢.

如何删除dataTable上的"显示N个条目之一"文本行(即使用javascript库dataTables时？我想我正在寻找这些方面的内容......

 $('#example').dataTable({
      "showNEntries" : false
       });

很确定这是一个简单的,但似乎无法在文档中找到它.

有没有人知道如何在jQuery数据表中默认显示所有行？

我试过这段代码,但默认只显示10行.

   $("#adminProducts").dataTable({
        "aLengthMenu": [100]
    });

我正在尝试实现功能,通过单击屏幕上的按钮将导致我的jQuery dataTable刷新(因为自创建dataTable以来服务器端数据源可能已更改).

这就是我所拥有的:

$(document).ready(function() {
    $("#my-button").click(function() {
        $("#my-datatable").dataTable().fnReloadAjax();
    });
});

但是当我运行它时,它什么也没做.单击按钮时刷新dataTable的正确方法是什么？提前致谢!