类似于这样A 2009 2008 2007 2006B 年报 月报 周报 周报C 审核 审核 未审核 审核A B C 是字段名 一般我们的显示的是横着排的
但我们的项目里要要竖着显示 而且要求能按年份排序变成如下
A 2006 2007 2008 2009B 周报 周报 月报 年报 C 审核 未审核 审核 审核用jQuery可以实现这个需求 但是在IE6下有问题 现在只能用js实现了 有知道的或有思路的别藏着 分享下 谢谢了
但我们的项目里要要竖着显示 而且要求能按年份排序变成如下
A 2006 2007 2008 2009B 周报 周报 月报 年报 C 审核 未审核 审核 审核用jQuery可以实现这个需求 但是在IE6下有问题 现在只能用js实现了 有知道的或有思路的别藏着 分享下 谢谢了
排好再render出来.
for(从倒数第二列--正数第二列){
移动到最后一列
}
}PS:LZ蛮漂亮的^_^
<script type="text/javascript">
window.onload = function(){
var arrays = [2009,2008,2007,2006];
alert(arrays.sort());
};
</script>
function inverse() {
$("#v_table tr").each(function(index) {
var tr = this;
var firstColumn = $("td:eq(0)", $(tr));
var toBeRemovedColumns = $("td:gt(0)", $(tr)).remove();
toBeRemovedColumns.each(function(i) {
$(tr).prepend(this);
});
$(tr).prepend(firstColumn);
});
}
</script>
<input type="button" value="反转" onclick="javascript:inverse();" /><br /><br /><table class="table01" id="v_table" align="left" border="1" style="display: block;"> <tr class="tr-row">
<td nowrap class="td_color">
报告期
</td>
<td nowrap align="right">
2009一季度
</td>
<td nowrap align="right">
2008四季度
</td>
<td nowrap align="right">
2008三季度
</td>
</tr> <tr class="tr-row-even">
<td nowrap class="td_color">
报告类型
</td>
<td nowrap align="right">
合并
</td>
<td nowrap align="right">
合并
</td>
<td nowrap align="right">
合并
</td>
</tr> <tr class="tr-row">
<td nowrap class="td_color">
截止日期
</td>
<td nowrap align="right">
2009-03-31
</td>
<td nowrap align="right">
2008-12-31
</td>
<td nowrap align="right">
2008-09-30
</td>
</tr> </table></body>
</html>
这样在IE7 遨游下都正常 但是在IE6下 左边和右边的滚动条在点击排序后后没有了 所以只好用js
<html>
<head>
<script type="text/javascript">
window.onload = function(){
var arrays = [2009,2008,2007,2006];
var a = ['年报','月报','周报','周报'];
var b = ['审核','审核','未审核','审核'];
alert(arrays.sort());
alert(a.reverse());
alert(b.reverse());
};
</script>
</head>
<body>
</body>
</html>