永发信息网

如何用js控制表格里几列内容的显示与隐藏

答案:2  悬赏:0  手机版
解决时间 2021-01-09 11:00
  • 提问者网友:辞取
  • 2021-01-08 21:14
如何用js控制表格里几列内容的显示与隐藏
最佳答案
  • 五星知识达人网友:孤独入客枕
  • 2021-01-08 21:52
单行隐藏倒是很好做...
首先下载一个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的,上面的代码可能没用追问有的,有邮箱吗,发给你看
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯