js代码中对表格隐藏几行和几列的问题

单行隐藏倒是很好做...

首先下载一个JQuery库,在head中用script标签引入进来.之后要用.

每一列对应的td元素设置一个class,例如交易手续费的td列元素设置class="transFee"之类的,能看懂就行.

然后在网页底部加一个script标签.或者单独创一个js文件然后引入,建议用后者(代码量大的话方便排版分工)

然后写上4个$(".[class名]").hide()

class名就分别是前四列的类名了,这个作用是隐藏前面4列所有的元素

三角是一个按钮的话,用他的ID做选择器吧.设置一下id属性

然后$("#[按钮ID]").click(function(){

$(".[class名]").toggle()

})

toggle是切换显示状态,也就是说这个按钮同时做到了展开和收取的功能.

JQuery还是比较有用的,希望能帮到你.

PS:有这个表格的源码么?我不确定这是某个框架的datatable还是单独的加了样式的基础html table 如果是前者的话每次更新数据都要reload的,上面的代码可能没用

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

方法一：

document.getElementById("EleId").style.visibility="hidden"'设置EleId标签隐藏

document.getElementById("EleId").style.visibility="visible"设置EleId标签显示

利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。

定义和用法

visibility 属性设置元素是否可见。

方法二：

document.getElementById("EleId").style.display="none"设置EleId标签隐藏

document.getElementById("EleId").style.display="inline"设置EleId标签显示

利用上述方法实现隐藏后，页面的位置不被占用。

定义和用法

display 属性设置元素如何显示。

显示省略号。js隐藏多行显示多行为显示省略号。多行溢出隐藏显示省略号功能的JS实现，在页面重构中，经常需要将过多的内容隐藏而显示部分，在单行文本中实现非常简单，但是在多行文本中，则需要根据实际选择不同的方式显示。

---