标签: tablesorter
tablesorter jQuery hack
我试图破解tablesorter jQuery插件但没有成功.我想要的是这个......
我有一个表(运动队列表),一行设置为特定的类.这基本上是为了展示决赛系列赛的资格,所以它必须始终保持在那个位置.例如.如果有人按胜利对表进行排序,我仍然希望第8行有一个我在开始时给它的类:
$("table.ladder tr:nth-child(8)").addClass("finals");
就像目前的tableorter一样,当表被排序时,这个TR显然会四处移动.使tablesorter最好的方法是什么才能保持这样的第n行？
希望这有道理!
推荐指数
解决办法
查看次数
Jquery表搜索与分页
我在数据表上使用quicksearch和tablesorter.pager Jquery插件.
我可以使用quicksearch来过滤单个页面上的结果,而不是所有页面上的所有数据.
我想知道是否有其他人使用这些或任何其他jQuery插件解决了这个问题.
推荐指数
解决办法
查看次数
使用tablesorter和tablesorterPager jQuery插件时访问整个表
我正在使用tablesorter和tablesorterpager插件,我真的很喜欢它. http://tablesorter.com/docs/ http://tablesorter.com/docs/example-pager.html
但是我需要帮助解决我遇到的问题.我使用表格中每行的复选框来选择项目.我还在表头中有一个"全选"复选框.在查看分页器脚本时,我了解该插件完全删除了DOM中的所有表行,并且只呈现可见行,表的其余部分被缓存.
所以当使用类似这样的代码时:
$("#theTable").find("input[name='cbitems']:not(:disabled)").each(
我只会看到目前可见的元素.不是"隐藏"页面中的元素.
所以我的问题是; 反正有没有使缓存表可访问？例如:
$("#theTable").cachedTable.find("input[name='cbitems']:not(:disabled)").each(
我已经尝试过阅读面向对象的javascript(或者称之为什么),但没有成功.
推荐指数
解决办法
查看次数
TABLESORTER - 如何在TABLESORTER中使第一列静态/固定？
我想对每一行进行编号,而不是将这些数字移动/排序.第一列#需要是静态/固定的.所有其他列可以根据需要进行排序.
这可能吗？
这是我的thead:
<thead>
<tr>
<th>#</th>
<th>Part No.</th>
<th>Board</th>
<th>Status</th>
<th>Auth QTY</th>
<th>Cur QTY</th>
<th>RELS</th>
<th>WIP QTY</th>
<th>TBD</th>
</tr>
</thead>
推荐指数
解决办法
查看次数
在JS中正确使用长度
我试图使用JS(表使用JQ Tablesorter)和条形码jquery从表中打印出标签(条形码).我的问题是我需要遍历所有的isbn,并且每行显示一个数字.这是我的代码:
$("#barcode").live('click', function(){
var title="";
var isbn="";
var first = "";
var second = "";
var indexGlobal = 0;
$('#acctRecords tbody tr').each(function()
{
isbn += $(this).find('#tableISBN').html();
title += $(this).find('#tableTitle').html();
}); //end of acctRecords tbody function
//Print the bar codes
var x=0;
for (x=0;x<isbn.length;x++)
{
first += '$("#'+indexGlobal+'").barcode("'+isbn[x]+'", "codabar",{barHeight:40, fontSize:30, output:"bmp"});';
second += '<div class="wrapper"><div id="'+indexGlobal+'"></div><div class="fullSKU">      '+isbn[x]+
'</div><br/><div class="title">'+title[x]+'</div></div><br/><br/>';
indexGlobal++;
}
var barcode = window.open('','BarcodeWindow','width=400');
var html = '<html><head><title>Barcode</title><style type="text/css">'+
'.page-break{display:block; page-break-before:always; }'+
'body{width: 8.25in;-moz-column-count:2; -webkit-column-count:2;column-count:2;}'+
'.wrapper{height: …javascript tablesorter barcode barcode-printing jquery-barcode
推荐指数
解决办法
查看次数
斑马条纹只有一个表格列
我有一个表使用tableorter和斑马条纹表行.我想将斑马条纹添加到表COLUMNS中的一个,以便给它一点强调.像这样:
推荐指数
解决办法
查看次数
如何在jQuery Tablesorter中为每一列设置默认排序顺序？
我有一个HTML表格,tablesorter工作正常,我能够设置默认排序和其他一切(甚至我自己的解析器)...但是:我需要一些列在用户优先后按降序排序点击各自的标题.
默认情况下,第一次单击后,所有列都按升序排序.我发现了一种方法可以将所有列的降序更改为降序.但我需要的是在用户第一次点击它们之后按升序对某些列进行排序,并按降序对其他列进行排序.
示例:某些列包含字符串,因此我希望按升序对它们进行排序.有些列包含更大值更好的值 - 并且在用户首次单击其标题后按降序对它们进行排序会很不错.
谢谢.
推荐指数
解决办法
查看次数
刷新表信息而不是附加
我自己会解释jquery插件的功能,但网站肯定比我能做的更好,它似乎是一个非常简单的插件大部分
我正在使用这个插件在生成表后过滤我的表,工作正常.问题是该表是实时更新,在过滤表后,如果收到新的更新,然后再次过滤该表,则数据会重复.
我一直在寻找它,似乎插件构建了一个信息缓存,允许数据被过滤.
我想要做的是删除缓存并在每次更新时重建它,防止将重复信息附加到表数组.
客户端javascript:
function appendTables(appendData, index) {
var tabPage = "#tabpage_"+index+" > #myJobs_"+index+" > .userJobs";
userJobsElement = $(tabPage);
userJobsElement.empty();
userJobsElement.append(appendData);
applySortTable();
}
这部分使用动态id和2个标准表生成多个表:
function applySortTable() {
var tables = $('table');
tableCount = tables.length-2;
$("#myJobs_all").tablesorter();
$("#myJobs_noteam").tablesorter();
for (var i = 0; i < tableCount; i++){
$("#myJobs_"+ i).tablesorter();
}
然后使用插件生成表格,正如我所说的创建缓存,是否有人知道如何清除缓存然后重新生成当用户发生这种情况时？
更新
数据的更新现在正在运行,但目前我们已经设置了一个基于选项卡的表系统来查看不同的团队信息.处理更新时,表只在第一个表中更新,其他表停止工作,任何人都知道如何处理这个？
推荐指数
解决办法
查看次数
tablesorter没有排序所有页面
我正在使用tablesorter插件对表进行排序,并使用jQuery进行分页.问题是,当我对数据进行排序时,它仅在该页面上排序,当我单击另一个页面并返回上一页时,整个数据都会被排序.
分页脚本:
$('table.datatable').each(function () {
var currentPage = 0;
var numPerPage = 8;
var $table = $(this);
$table.bind('repaginate', function () {
$table.find('tbody tr').hide().slice(currentPage * numPerPage, (currentPage + 1) * numPerPage).show();
});
$table.trigger('repaginate');
var numRows = $table.find('tbody tr').length;
var numPages = Math.ceil(numRows / numPerPage);
var $pager = $('<div class="pager"></div>');
for (var page = 0; page < numPages; page++) {
$('<span class="page-number"></span>').text(page + 1).bind('click', {
newPage: page
}, function (event) {
currentPage = event.data['newPage'];
$table.trigger('repaginate');
$(this).addClass('active').siblings().removeClass('active');
}).appendTo($pager).addClass('clickable');
}
$pager.insertAfter($table).find('span.page-number:first').addClass('active');
});
排序脚本:
$('.datatable').tablesorter({ …推荐指数
解决办法
查看次数
XPage:数据表的Tablesorter
我试图在我的一个数据表(XPages)中实现一个tablesorter.所以我有地址jquery-1.11.1.js和jquery.tablesorter.min.js
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core">
<xp:this.resources>
<xp:script src="/jquery-1.11.1.js" clientSide="true"></xp:script>
<xp:script src="/jquery.tablesorter.min.js" clientSide="true"></xp:script>
</xp:this.resources>
<xp:scriptBlock>
<xp:this.value><![CDATA[
$(document).ready(function()
{
$("#dataTable1").tablesorter();
}
);
]]></xp:this.value>
</xp:scriptBlock>
<xp:dataTable id="dataTable1" rows="30" styleClass="tablesorter">
<xp:column id="column1">
<xp:text escape="true" id="computedFieldName"><xp:this.value>
<![CDATA[# {javascript:testArray[0]}]]></xp:this.value></xp:text>
<xp:this.facets>
<xp:label value="Name" id="label1" xp:key="header"></xp:label></xp:this.facets>
</xp:column>
<xp:column id="column2">
<xp:text escape="true" id="computedFieldAdress"><xp:this.value><![CDATA[#
{javascript:testArray[1]}]]></xp:this.value></xp:text>
<xp:this.facets>
<xp:label value="Adress" id="label2" xp:key="header"></xp:label></xp:this.facets>
</xp:column>
</xp:dataTable>
</xp:view>
你能告诉我,为什么它不起作用？
问候
推荐指数
解决办法
查看次数
标签 统计
tablesorter ×10
jquery ×7
javascript ×4
html ×2
barcode ×1
css ×1
lotus-notes ×1
node.js ×1
pagination ×1
quick-search ×1
sorting ×1
xpages ×1