标签: jquery-datatables

有没有办法禁用jquery DataTables的初始排序?

我正在使用jquery DataTables插件.从他们的文件:

如果启用了排序,则DataTables将在初始化时执行第一次排序.您可以使用此变量定义执行排序的列以及排序方向.aaSorting数组应包含一个数组,用于最初排序的每列,包含列的索引和方向字符串('asc'或'desc').

是否可以启用排序但在初始化时禁用此第一次排序?我目前正在进行初始排序服务器端并需要排序功能,但不需要这种初始排序功能.

jquery jquery-datatables

220
推荐指数
3
解决办法
12万
查看次数

jQuery DataTables:控制表宽度

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

建议表示赞赏

表声明如下所示

<table id="querytableDatasets" class="display" cellspacing="0"
cellpadding="3"     width="100%">
Run Code Online (Sandbox Code Playgroud)

和javascript

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

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

<table id="querytableDatasets" class="display" cellspacing="0" 
cellpadding="3" width="100%" style="width: 0px;">
Run Code Online (Sandbox Code Playgroud)

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

element.style {  
  width:0;}    

-- dataTables.css (line 84
table.display { 
  margin:0 auto;  
  width:100%;  
}  
Run Code Online (Sandbox Code Playgroud)

jquery datatables jquery-datatables

95
推荐指数
10
解决办法
23万
查看次数

如何使用新的JSON数据手动更新datatables表

我正在使用插件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' }
    ]
});
Run Code Online (Sandbox Code Playgroud)

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

jquery datatables jquery-datatables

87
推荐指数
5
解决办法
12万
查看次数

JQuery Datatables:无法读取未定义的属性'aDataSort'

我创造了这个小提琴,它按照我的要求运作良好:小提琴

但是,当我在我的应用程序中使用相同的内容时,我在浏览器控制台中出现错误,指出无法读取未定义的属性"aDataSort"

在我的应用程序中,javascript读取如下所示:我检查了控制器输出...它运行良好并且也打印在控制台上.

$(document).ready(function() {

    $.getJSON("three.htm", function(data) {
             // console.log("loadDataTable >>  "+JSON.stringify(data));
             })
             .fail(function( jqxhr, textStatus, error ) {
             var err = textStatus + ', ' + error;
             alert(err);
             console.log( "Request Failed: " + err);
             })
             .success(function(data){
                 loadDataTable(data);
             });

    function loadDataTable(data){
         $("#recentSubscribers").dataTable().fnDestroy();    
         var oTable = $('#recentSubscribers').dataTable({
             "aaData" : JSON.parse(data.subscribers),
             "processing": true,
            "bPaginate": false,
            "bFilter": false,
            "bSort": false,
            "bInfo": false,
            "aoColumnDefs": [{
            "sTitle": "Subscriber ID",
            "aTargets": [0]
        }, {
            "sTitle": "Install Location",
            "aTargets": [1]
        }, {
            "sTitle": "Subscriber Name", …
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-datatables

76
推荐指数
5
解决办法
13万
查看次数

DataTables警告:从'0'行的数据源请求未知参数'0'

请问有谁知道,下面这个非常简单的HTML文件出了什么问题?

在此输入图像描述

我只是想使用一个对象数组作为DataTables的数据源:

tests.html:

<html>
<head>
<link type="text/css" rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css">
<link type="text/css" rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.2/css/jquery.dataTables_themeroller.css">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.2/jquery.dataTables.min.js"></script>
<script type="text/javascript">

var data = [
    {"Name":"UpdateBootProfile","Result":"PASS","ExecutionTime":"00:00:00","Measurement":[]},
    {"Name":"NRB Boot","Result":"PASS","ExecutionTime":"00:00:50.5000000","Measurement":[{"TestName":"TOTAL_TURN_ON_TIME","Result":"PASS","Value":"50.5","LowerLimit":"NaN","UpperLimit":"NaN","ComparisonType":"nctLOG","Units":"SECONDS"}]},
    {"Name":"NvMgrCommit","Result":"PASS","ExecutionTime":"00:00:00","Measurement":[]},
    {"Name":"SyncNvToEFS","Result":"PASS","ExecutionTime":"00:00:01.2500000","Measurement":[]}
];

$(function() {
        var testsTable = $('#tests').dataTable({
                bJQueryUI: true,
                aaData: data,
                aoColumns: [
                        { mData: 'Name' },
                        { mData: 'Result' },
                        { mData: 'ExecutionTime' }
                ]
        });
});

</script>
</head>
<body>

<table id="tests">
<thead>
<tr>
<th>Name</th>
<th>Result</th>
<th>ExecutionTime</th>
</tr>
</thead>
<tbody>
</tbody>
</table>

</body>
</html> …
Run Code Online (Sandbox Code Playgroud)

jquery-datatables

64
推荐指数
6
解决办法
14万
查看次数

table.row不是一个函数

我想实现我行详细信息的数据表就是这样的例子.

当我点击显示我的表的更多图像时,我的firebug控制台中出现错误:

TypeError: oTable.row is not a function
var row = oTable.row(tr);
Run Code Online (Sandbox Code Playgroud)

这里也是一个拨弄我的代码生成此错误.

据我所知,row()找不到我的数据表的功能.但我不明白......我使用最新的数据表版本与jquery版本1.11.1(而不是1.11.0,如小提琴中所示),这也是在示例中使用的(在datatables网站上).

我被卡住了...任何人都知道我为什么会收到这个错误?

非常感谢

jquery datatables jquery-datatables

44
推荐指数
3
解决办法
5万
查看次数

在AngularJs中使用Jquery Datatable

我正在尝试在angularjs项目中使用jquery datatable插件.但我的问题是它是否支持延迟加载 angularjs的值?我想要因为我有很多行.如何使用 带角度的数据管道.

有在分页的解决方案在这里.如何使用angularjs的解决方案?

javascript jquery angularjs jquery-datatables

41
推荐指数
4
解决办法
12万
查看次数

正确地抑制DataTables中的警告?

我正在尝试正确地抑制DataTables中的警告(警报).DataTables的标准行为是在发生错误时抛出javascript警报; 但是,这对我来说当前不方便.我一直在尝试将警告转换为javascript错误

$.fn.dataTableExt.sErrMode = 'throw';
Run Code Online (Sandbox Code Playgroud)

哪个工作正常,但这会停止当前的javascript执行,这不是我想要的.因此,我将DataTables操作(init和更改)包装在try-catch中,没有错误处理; 但是,这也会停止javascript执行.(在Chrome和Firefox上测试过)

我的问题是如何为了调试而去除这些错误/警报?我正在尝试调试脚本的其他部分,但这些警报会继续阻碍.

javascript jquery jquery-datatables

30
推荐指数
4
解决办法
2万
查看次数

DataTables - 我不想在某些表上使用搜索/过滤器和长度选项

如何在没有搜索过滤器和长度选择菜单的情况下初始化特定表格?

显然它可以使用sDom选项完成,但文档非常糟糕,我无法准确理解我应该做什么.

http://datatables.net/usage/options#sDom

jquery-datatables

27
推荐指数
3
解决办法
5万
查看次数

数据表 - 使用嵌套的独立表向下钻取行

是否有人使用DataTables向下钻取行和嵌套的独立表?与powerTable相似?

你能发布任何链接/例子吗?

jquery-datatables

26
推荐指数
3
解决办法
5万
查看次数