小编Gyr*_*com的帖子
如何在Datatables中显示空数据消息
假设我有时从服务器获取空数据,我想在DataTables中显示No Data found消息？这怎么可能？
推荐指数
解决办法
查看次数
TypeError:$(...).DataTable不是函数
我正试图通过此链接使用jQuery的Datatable JS来处理我的项目.
我从同一个源下载了完整的库.包中给出的所有示例似乎都运行正常,但是当我尝试将它们合并到我WebForms的CSS中时,JS根本不起作用.
这是我做的:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<table id="myTable" class="display" cellspacing="0" width="100%">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Start date</th>
<th>Salary</th>
</tr>
</tfoot>
<tbody>
<!-- table body -->
</tbody>
</table>
</div>
<script src="js/jquery.dataTables.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#myTable').DataTable();
});
</script>
</form>
</body>
</html>
我的解决方案中JS和CSS的文件结构如下所示:
我已经添加了所有必要的JS和CSS引用,如手册中所示.渲染仍然不如预期.没有CSS,甚至JS都不起作用.
同样在控制台中我收到以下错误: …
推荐指数
解决办法
查看次数
更改jquery数据表的"显示10个条目"的选择框的值
默认情况下,jquery数据表默认显示10并且具有
选项:10,25,50,100
我该如何更改这些选项？
推荐指数
解决办法
查看次数
禁用无法正常运行的数据表中的排序
这是我正在使用的代码
oTable = $('#example').dataTable({
"bSort": false,
"bStateSave":true,
"aoColumns": [
{ "bSortable": false },
{ "bSortable": false },
{ "bSortable": false } ]
});
我遇到的问题是表格空白并且由用户输入填充.一旦用户开始在表格中输入内容,它就会按产品ID对其进行排序.我正在尝试删除此排序,以便它只是在输入时列出它们.
编辑:我得出结论,我的初始化设置没有工作.我相信当表为空时除了标题之外它与fnAddRow有关.
EDIT2:我把它分离到了fnAddData.当我用垃圾数据初始化表时,所有内容都被格式化为它应该是,但是一旦我使用fnAddData,它将删除所有格式化
推荐指数
解决办法
查看次数
如何使用新数据重绘DataTable
我已经在stackoverflow中检查了有关此主题的几个问题,但它们都使用旧的dataTable.我正在使用DataTable.我通过NOT USING服务器端填充了我的DataTable,因此预加载数据(JSON)如下:
datatable = $("#datatable").DataTable({
data : myData,
moreoptions : moreoptions
});
我没有遇到任何问题,DataTable加载得很好.现在我想myData用我上传的新数据重新填充它.如何重新加载DataTable以反映更改？
这是我到目前为止所尝试的:
$('#upload-new-data').on('click', function () {
myData = NewlyCreatedData; // I console logged this NewlyCreatedData, and it has my uploaded data.
datatable.draw(); // Redraw the DataTable
});
但这不起作用.我也试过这个:
datatable = $("#datatable").DataTable({
"data" : myData,
"drawCallback" : function () {
myData = NewlyCreatedData;
},
"moreoptions" : moreoptions,
});
然后在上传时我只需调用重绘触发器:
$('#upload-new-data').on('click', function () {
datatable.draw(); // Redraw the DataTable
});
这仍然不起作用.
推荐指数
解决办法
查看次数
数据表TypeError:c未定义
我尝试使用jQuery DataTables,但我得到了错误
TypeError:c未定义
我不知道我的代码有什么问题,因为我可以看到JSON正确检索并且格式正确但我不知道它有什么问题我得到了上述错误.
我的JSON:
{"Data":[{"LOGIN":10184},{"LOGIN":10214},{"LOGIN":10180},{"LOGIN":10187},{"LOGIN":10179},{"LOGIN":10280},{"LOGIN":201},{"LOGIN":10238},{"LOGIN":10296},{"LOGIN":10312}]}
和我的DataTables代码:
$(document).ready(function() {
$('#tablename').dataTable( {
"processing": true,
"serverSide": true,
"ajax": {
"type": "POST",
"url": "https://test.com/api/db/select",
"data": function ( json ) { return JSON.stringify( { "Sql": 12 } );},
"contentType": "application/json; charset=utf-8",
"dataType": "json",
"processData": true,
beforeSend : function(xhr){
var access_token = sessionStorage.getItem('access_token');
xhr.setRequestHeader('Authorization', 'Bearer ' + access_token);
}
},
"dataSrc": "Data",
"columns": [
{ "data": "LOGIN" }
]
} );
} );
推荐指数
解决办法
查看次数
jqGrid还是dataTable哪个更好？
我有兴趣使用jQuery dataTable ...你能告诉我并给我一个如何使用它的例子......我也听说过jqGrid也是如此......他们两个都更好？
我一直在尝试下载dataTable ..
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#showdata').dataTable( {
//what must i fill in this area?
});
});
</script>
推荐指数
解决办法
查看次数
jQuery DataTables - 按完全匹配过滤列
尝试仅显示与搜索栏中输入的搜索词完全匹配.
例如,我有一个按ID#过滤的搜索栏.我只想要与输入的确切#匹配的记录.
因此,如果123输入的,我不想12345,91239要显示的,等等等等.只有123.
bRegex在FAQ页面上看到了一些信息,但它对我不起作用.有任何想法吗？
推荐指数
解决办法
查看次数
动态更改设置值？
是否可以在飞行中更改jQuery DataTables设置值.接下来我的问题是,我需要立即改变sAjaxSource.已经尝试过这样的事情:
var oDefault = {
"bServerSide": true,
"bProcessing": true,
"bJQueryUI": true,
"bLengthChange": false,
"bFilter": true,
"iDisplayLength": 8,
"sAjaxSource": "my.php?" + "idKat="+aData[3],
"aaSorting": [[ 0, "asc" ],[ 3, "asc" ]],
"sDom": '<"top"ir>t<"bottom"pf<"clear">',
"sPaginationType": "full_numbers",
"oLanguage": {
"sUrl": "<?php echo $full_path_jezik_2;?>"
},
"aoColumns": [
{ "sName": "rb","sWidth": "15%", "sClass": "center","sType": "numeric" },
{ "sName": "chkZaBrisanje","sWidth": "20%", "sClass": "center", "bSortable":false },
{ "sName": "rbPrvaSlika","sWidth": "15%", "sClass": "center","bSortable":false },
{ "sName": "nazivSlike","sWidth": "50%", "sClass": "center", "sSortDataType": "dom-text" }
]
};
var …推荐指数
解决办法
查看次数
jQuery dataTable不显示排序图标
我正在尝试使用jQuery dataTable插件.问题是不显示排序图标(此箭头指向哪个方向数据实际排序).
我的代码如下:
$('#example').dataTable(
{
"bPaginate": false,
"bFilter": false,
"oLanguage": { "sInfo": ""}
}
);
和Html:
<table class="surfClass" cellspacing="1" id="example">
<thead>
<tr>
<th width="120px">Name</th>
<th width="120px">The hourly rate (points)</th>
<th>Levels of referrals</th>
<th>bonuses</th>
<th width="70px">Payout minimum</th>
</tr>
</thead>
推荐指数
解决办法
查看次数
标签 统计
datatables ×10
jquery ×10
javascript ×2
asp.net ×1
asp.net-mvc ×1
css ×1
filter ×1
json ×1
regex ×1
search ×1