标签: datatables
更改jquery数据表的"显示10个条目"的选择框的值
默认情况下,jquery数据表默认显示10并且具有
选项:10,25,50,100
我该如何更改这些选项？
推荐指数
解决办法
查看次数
如果数据表中只有一个页面,则禁用分页
我正在实现datatbales并根据我的要求,除分页问题外,大多数事情已得到解决.在我的情况下,每次分页导航显示.如果只有一个页面,我想禁用分页导航.怎么做？我的代码是这样的:
JS
<script>
function fnFilterColumn(i) {
$('#example').dataTable().fnFilter(
$("#col" + (i + 1) + "_filter").val(),
i
);
}
$(document).ready(function() {
$('#example').dataTable({
"bProcessing": true,
"sAjaxSource": "datatable-interestdb.php",
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"sDom": 'T<"clear">lfrtip',
"oTableTools": {
"aButtons": [
{
"sExtends": "csv",
"sButtonText": "Save to CSV"
}
]
},
"oLanguage": {
"sSearch": "Search all columns:"
}
});
$("#example").dataTable().columnFilter({
aoColumns: [
null,
null,
null,
null
]
});
$("#col1_filter").keyup(function() {
fnFilterColumn(0);
});
});
</script>
HTML
<table cellpadding="3" cellspacing="0" border="0" class="display userTable" aria-describedby="example_info">
<tbody>
<tr id="filter_col1">
<td>Interest:</td>
<td> …推荐指数
解决办法
查看次数
DataTables固定标题与宽表中的列不对齐
问题
当使用sScrollX,sScrollXInner和/或sScrollY以实现在其内的内容的滚动固定报头表,表中的标题出去对准的与所述主体的在Chrome和IE的其余部分.另一方面,Firefox完美地显示它们.
使用版本1.9.4,据我所知,只有在存在大量宽度波动的数据时才会出现此问题,并且在与小列相同的列中使用非常长/不可包含的单词.此外,该表格需要相当广泛.
所有这些因素都在这个小提琴中得到证明:
产量
铬:
IE:
火狐
建议的解决方案
之前已经提出过这些解决方案,但对我的实施没有任何影响.由于其中一些建议,我设置了一个干净的普通香草演示,因为我想确保没有其他代码有助于这种效果.
- 关闭/删除我所有的CSS
setTimeout( function () { oTable.fnAdjustColumnSizing(); }, 10 );- 调用
oTable.fnFilter( "x",0 )和oTable.fnFilter( "",0 )按顺序 "sScrollXInner": "100%"- 摆脱所有宽度
我发现失准头,唯一溶液取出sScrollX和sScrollY,但你失去了固定的页眉/内部内容的滚动功能这不能算作一个解决方案.可悲的是,这是一个暂时的黑客,而不是一个修复!
注意
编辑/播放最新的小提琴.
我尝试了各种组合,可以通过使用链接http://jsfiddle.net/pratik136/etL73/#REV#在小提琴的修订历史中观察到1 <= #REV# <= 12
历史
StackO
这个问题以前有人问:jQuery的数据表头对准相垂直滚动
,但重要的区别是,这个问题的任择议定书提到,他们能够在所有CSS被删除,这是在我的情况不实,以解决这个问题,我尝试了一些排列,因此认为值得重新发布的问题.
外部
此问题也已在DataTables论坛上标记:
- http://datatables.net/forums/discussion/7395/sscrolly-and-sscrollx-broken/p1
- http://datatables.net/forums/discussion/7778/vertical-scrolling-messes-up-column-header-alignment#Item_1
- http://datatables.net/forums/discussion/3835/width-columns-problem-in-chrome-safari/p1
- 我的错误报告:http://datatables.net/forums/discussion/12491/datatables-header-alignment-issue-refresh#Item_1
这个问题让我疯了!请提出你的想法!
推荐指数
解决办法
查看次数
jquery datatables默认排序
我试图将默认排序设置为我的jquery数据表中的第二列.它默认按索引0排序.我使用的是"aaSorting": [[ 1, "asc" ]]语法,但它突出显示了我在初始加载时不需要的列.如何在不突出显示列的情况下设置特定列的默认排序,就好像不涉及排序并且正在使用0索引列一样.
推荐指数
解决办法
查看次数
数据表即时调整大小
我正在使用奇妙的DataTables jQuery插件; http://datatables.net/ 添加了FixedColumns和KeyTable附加功能.
现在,当窗口大小改变时,表格会大幅调整大小.但是,表的包含div也可以通过jQuery动画调整宽度,我还没有找到用它来调整表大小的方法 - 它只是在原始宽度上停滞不前.只有在pageload之前更改代码中的div宽度时,才能正确调整表的大小.
如何根据窗口宽度和包含div宽度使DataTable动态调整大小？提前致谢!:-)
推荐指数
解决办法
查看次数
数据表警告(table id ='example'):无法重新初始化数据表
我正在使用datatables示例并在加载页面时收到类似这样的错误:Datatables warning(table id ='example'):无法重新初始化数据表.要检索此表的DataTables对象,请不要传递任何参数或查看bRetrieve和bDestroy的文档.
我试图测试fnRowCallback
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>DataTables live example</title>
<script type="text/javascript" charset="utf-8" src="DataTables/media/js/jquery.js"></script>
<script class="jsbin" src="http://datatables.net/download/build/jquery.dataTables.nightly.js"></script>
<style type="text/css">
@import "DataTables/media/css/demo_table.css";
</style>
</head>
<body id="dt_example">
<script>
$(document).ready(function() {
$('#example').dataTable();
} );
$(document).ready( function() {
$('#example').dataTable( {
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
// Bold the grade for all 'A' grade browsers
if ( aData[4] == "A" )
{
$('td:eq(4)', …推荐指数
解决办法
查看次数
dataTable()与DataTable() - 为什么会有差异,我如何让它们一起工作？
此插件的绝大多数文档都表明您使用它进行初始化
$('#example').dataTable();
但是http://www.datatables.net/examples/api/multi_filter_select.html初始化使用
$('#example').DataTable();
结果对象差别很大,当我用小写的"D"初始化时,上面的示例URL不起作用,但是其他几乎所有其他都需要小写的"D"初始化.
有人可以向我解释为什么会有差异,以及如何让两人在一起玩得很好？本质上我需要多过滤器选择功能,但也需要处理其他一些看起来不喜欢大写"D"初始化的调用/插件.
推荐指数
解决办法
查看次数
为每个TD提供自定义类以进行样式化 - Datatables和jQuery
我使用的数据表在表中显示服务器端数据.
我不能定位和设计单个单元格(<TD>).我搜索了一下,发现它可能有:
"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
....
}
...但我不太确定,因为我有一些表,而不是所有表都有相同数量的列和行.我想给所有TDs"专栏" 提供共同课程.
推荐指数
解决办法
查看次数
DataTables:未捕获的TypeError:无法读取未定义的属性"默认值"
使用DataTables 的Bootstrap集成时,我在控制台中看到以下错误:
Uncaught TypeError: Cannot read property 'defaults' of undefined (dataTables.bootstrap.js:20)
这会导致分页控件上没有样式.
我可以看到在工厂初始化时,需要运行以下代码:
factory( jQuery, jQuery.fn.dataTable );
然而,jQuery.fn.dataTable正在回归undefined.
推荐指数
解决办法
查看次数
如何使用DataTables jquery插件按Date排序？
我正在使用datatables jquery插件,并希望按日期排序.
我知道他们有一个插件,但我找不到从哪里下载它
http://datatables.net/plug-ins/sorting
我相信我需要这个文件:dataTables.numericComma.js但我无法在任何地方找到它,当我下载数据表时,它似乎不在zip文件中.
我也不确定是否需要将自己的自定义日期排序器传递给此插件.
我试图对这种格式进行排序MM/DD/YYYY HH:MM TT(AM | PM)
谢谢
编辑
如何更改此项以按MM/DD/YYYY HH:MM TT(AM | PM)排序并将其更改为美国日期？
jQuery.fn.dataTableExt.oSort['uk_date-asc'] = function(a,b) {
var ukDatea = a.split('/');
var ukDateb = b.split('/');
var x = (ukDatea[2] + ukDatea[1] + ukDatea[0]) * 1;
var y = (ukDateb[2] + ukDateb[1] + ukDateb[0]) * 1;
return ((x < y) ? -1 : ((x > y) ? 1 : 0));
};
jQuery.fn.dataTableExt.oSort['uk_date-desc'] = function(a,b) {
var ukDatea = a.split('/');
var ukDateb = b.split('/');
var x = …推荐指数
解决办法
查看次数