我正在使用jquery DataTables插件.从他们的文件:
如果启用了排序,则DataTables将在初始化时执行第一次排序.您可以使用此变量定义执行排序的列以及排序方向.aaSorting数组应包含一个数组,用于最初排序的每列,包含列的索引和方向字符串('asc'或'desc').
是否可以启用排序但在初始化时禁用此第一次排序?我目前正在进行初始排序服务器端并需要排序功能,但不需要这种初始排序功能.
我有一个问题,使用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数据表并加载我在页面底部的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做到这一点?文档非常混乱,我找不到解决方案.任何帮助将非常感谢.谢谢.
我创造了这个小提琴,它按照我的要求运作良好:小提琴
但是,当我在我的应用程序中使用相同的内容时,我在浏览器控制台中出现错误,指出无法读取未定义的属性"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) 请问有谁知道,下面这个非常简单的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) 当我点击显示我的表的更多图像时,我的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网站上).
我被卡住了...任何人都知道我为什么会收到这个错误?
非常感谢
我正在尝试在angularjs项目中使用jquery datatable插件.但我的问题是它是否支持延迟加载 angularjs的值?我想要因为我有很多行.如何使用 带角度的数据管道.
有在分页的解决方案在这里.如何使用angularjs的解决方案?
我正在尝试正确地抑制DataTables中的警告(警报).DataTables的标准行为是在发生错误时抛出javascript警报; 但是,这对我来说当前不方便.我一直在尝试将警告转换为javascript错误
$.fn.dataTableExt.sErrMode = 'throw';
Run Code Online (Sandbox Code Playgroud)
哪个工作正常,但这会停止当前的javascript执行,这不是我想要的.因此,我将DataTables操作(init和更改)包装在try-catch中,没有错误处理; 但是,这也会停止javascript执行.(在Chrome和Firefox上测试过)
我的问题是如何为了调试而去除这些错误/警报?我正在尝试调试脚本的其他部分,但这些警报会继续阻碍.
如何在没有搜索过滤器和长度选择菜单的情况下初始化特定表格?
显然它可以使用sDom选项完成,但文档非常糟糕,我无法准确理解我应该做什么.
是否有人使用DataTables向下钻取行和嵌套的独立表?与powerTable相似?
你能发布任何链接/例子吗?