2013-03-12 39 views
0

我对图表和图形进行了大量的阅读,我在想是否有一个FF或GC扩展允许我以拖放式方式执行交换行和列等操作。在浏览器中操纵HTML表格

例如,如果我想比较行1,55,92和143中的值,是否有办法重新排列表以将这四行放在图表的顶部以便比较?

我知道我可以复制并粘贴到Excel中,我希望有一个浏览器的解决方案。

+0

您可以使用chrome检查器来移动元素。或者你可以写一个书签添加功能 – 2013-03-12 20:55:59

+0

做了更新的JavaScript只/非jQuery版本的答案为你解决问题? – NoodleFolk 2013-03-13 16:18:10

回答

1
+0

是的,我知道我可以在Excel中做到这一点但我经常这样做,如果我可以在浏览器中做到这一点,会更容易。 – user532493 2013-03-12 22:05:29

+0

请参阅前两个链接。 – RandomUs1r 2013-03-12 22:56:08

0
var rowIndexWanted = [4, 5]; 

var table1 = document.getElementById('table1'); 
var table1body = table1.getElementsByTagName('tbody'); 
var rows = table1.getElementsByTagName('tr'); 
var rowsWanted = []; 

for(i in rowIndexWanted) 
{ 
    rowsWanted.push(rows[rowIndexWanted[i]]); 
} 

for(i in rowsWanted) 
{ 
    table1body[0].insertBefore(rowsWanted[i], table1body[0].childNodes[0]); 
} 
+0

不,这是我在其他人生成的网站上查看的一串数字和统计数据。 – user532493 2013-03-12 21:31:10

+0

尝试上面的JavaScript代码片段。假设页面正在使用jQuery,您可以直接拔掉firebug或chrome调试器,然后运行代码 – NoodleFolk 2013-03-12 21:49:18

+0

我尝试了代码,并得到此消息TypeError:$(...)为空 [Break On This Error] \t $(“#table1 tr”) – user532493 2013-03-12 22:04:15

0

提示:可以通过维持细胞的Ctrl键键按压和选择范围中选择的细胞(在Firefox至少)。

Bookmarklets from J. Ruderman让你按任意列对表进行排序,对其进行转置或对行进行编号。

您要搜索的内容与Kendo等框架提供的功能类似:column reorderingAggregates