精华内容
下载资源
问答
  • js隐藏表格某一行
    2017-02-08 18:31:00

    1.方法

    document.getElementById('customerAccount_tr').style.display="";//缴纳人名称显示
    
    document.getElementById('customerAccount_tr').style.display="none";//缴纳人名称显示    

    document.getElementById('customerAccount_tr').style.display="block";//缴纳人名称显示   (这种方法有时候会影响格式) 
     

     

    2.HTML

    <tr id="customerAccount_tr">
                        <th>缴纳人名称:</th>
                        <td><input  type="text" id ="customerAccount" name="customerAccount"  style="width:100px;"
                            class="easyui-textbox"/></td>
                    </tr>

     

    转载于:https://www.cnblogs.com/mr-wuxiansheng/p/6379453.html

    更多相关内容
  • 主要JS如下:(兼容browser: IE9, FireFox, Chrome, 360 safe)var row = document.getElementById(rowID);if (row != null) {if (row.style.display == (document.all ? "block" : "table-row")) {row.style.display ...

    主要JS如下:(兼容browser: IE9, FireFox, Chrome, 360 safe)

    var row = document.getElementById(rowID);

    if (row != null) {

    if (row.style.display == (document.all ? "block" : "table-row")) {

    row.style.display = "none";

    }

    else {

    row.style.display = (document.all ? "block" : "table-row");

    }

    }

    效果图如下:

    0818b9ca8b590ca3270a3433284dd417.png

    0818b9ca8b590ca3270a3433284dd417.png

    全部 HTML:

    function setDetailMsgRow(rowID, btn) {

    var row = document.getElementById(rowID);

    if (row != null) {

    if (row.style.display == (document.all ? "block" : "table-row")) {

    row.style.display = "none";

    }

    else {

    row.style.display = (document.all ? "block" : "table-row");

    }

    }

    if (btn != null) {

    if (btn.value != "Hide Message")

    btn.value = "Hide Message";

    else

    btn.value = "Show Message";

    }

    }

    aa44aa
    bb44bb
    cc44cc
    dd44dd
    ee44ee
    展开全文
  • 本文实例讲述了JS实现鼠标点击展开或隐藏表格行的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
  • 主要介绍了JavaScript获取table中某一列的值的方法,需要的朋友可以参考下
  • 这是款相当实用的jQuery基于Bootstrap.js表格展开收缩隐藏代码,用来显示隐藏表格行内容,点击后箭头指向也会改变。
  • js获取table中某一行数据

    千次阅读 2022-04-13 17:24:34
    /*合并表格边框属性*/ border-collapse: collapse; } td,th{ height: 40px; border: 1px solid #333333; } div{ width: 600px; margin: 20px auto; /*默认条件下div隐藏*/ display: none; } style> head> <body> ...
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<style>
    			*{
                margin: 0;
                padding: 0;
                outline: none;
            }
            table{
                width: 600px;
                margin: 0 auto;
                text-align: center;
                border: 1px solid #333333;
                /*合并表格边框属性*/
                border-collapse: collapse;
            }
            td,th{
                height: 40px;
                border: 1px solid #333333;
            }
            div{
                width: 600px;
                margin: 20px auto;
                 /*默认条件下div隐藏*/
                display: none;
            }
    		</style>
    	</head>
    	<body>
    	<table>
            <thead>
                <tr>
                    <th>姓名</th>
                    <th>手机号</th>
                    <th>操作</th>
                </tr>
            </thead>
             <tbody>
                <tr>
                    <td>jon1</td>
                    <td>15239111596</td>
                    <td>
                        <button class="del">删除1</button>
                        <button class="ref">修改</button>
                    </td>
                </tr>
                 <tr>
                    <td>jon2</td>
                    <td>13223009270</td>
                    <td>
                        <button class="del">删除2</button>
                        <button class="ref">修改</button>
                    </td>
                </tr>
                   <tr>
                    <td>jon3</td>
                    <td>15093773181</td>
                    <td>
                        <button class="del">删除3</button>
                        <button class="ref">修改</button>
                    </td>
                </tr>
                </tbody>
        </table>
        <div id="content">
            <input type="text">
            <input type="text">
            <button class="confirm">确认修改</button>
            <button class="cancel">取消</button>
        </div>
        </body>
    	<script>
    		var TB = document.getElementsByTagName('tbody')[0];
    	    var myContent = document.getElementById('content');
    	    
    	    // 给tbody绑定点击事件(事件委托)
    	    TB.onclick = function (e) {
    	        // 如果当前点击的是删除按钮
    	        if (e.target.className == 'del') {
    	            // 弹出一个询问框,并用x接收返回值 ----  
    	            // 询问框返回值只有两个  点击确认:true  点击取消:false
    	            var x = confirm('确认删除吗?');
    	             if (x) { 
    	                // e.target 为当前点击对象--->删除
    	                // e.target.parentElement ---> td 
    	                // e.target.parentElement.parentElement  ---> tr
    	                console.log("获取值:"+e.target.parentElement.parentElement.children[2].children[0].innerText)
    	                TB.removeChild(e.target.parentElement.parentElement);
    	            }else{
    	                TB.removeChild();
    	            }
    	        }
    	        // 如果当前点击的是修改按钮
    	        if(e.target.className == 'ref'){
    	            // 下面的div要显示出来
    	            myContent.style.display = "block";
    	            // 给每一个输入框赋初始值
    	            /*  这是让 myContent.children[0] 第一个输入框的value(输入框中显示的字为姓名)
    	                e.target.parentElement.parentElement  ---> tr
    	                e.target.parentElement.parentElement.children[0]  --->  tr的第一个子节点,即姓名所在的td
    	             */
    	             myContent.children[0].value = e.target.parentElement.parentElement.children[0].innerText;
    	            // 这与第一个原理如出一辙
    	            myContent.children[1].value = e.target.parentElement.parentElement.children[1].innerText;
    	             // 给div绑定点击事件(事件委托),这里形参用ev是为了区别上面的e
    	            myContent.onclick = function(ev){
    	                // 如果点击的是确认修改
    	                if (ev.target.className == 'confirm') {
    	                    // 下面的div要隐藏起来
    	                    myContent.style.display = "none";
    	                    // 点击了确认修改就把文本框的value值赋值给对应td的文本
    	                    e.target.parentElement.parentElement.children[0].innerText =  myContent.children[0].value;
    	                    e.target.parentElement.parentElement.children[1].innerText =  myContent.children[1].value;
    	                }
    	                // 如果点击的是取消,下面的div同样要隐藏,之所以这样写,是因为只有点击这两个按钮才会执行隐藏操作
    	                if (ev.target.className == 'cancel') {
    	                    myContent.style.display = "none";
    	                }
    	            }
    	        }
    	    }
    	</script>
    </html>
    
    
    展开全文
  • 本文实例讲述了JS实现控制表格行文本对齐的方法。分享给大家供大家参考。具体如下: 下面的JS代码可以控制表格内的整行文本向左或者向右对齐 <!DOCTYPE html> <html> <head> [removed] function ...
  • js 实现 用JavaScript隐藏或显示表格列! 值得下载看看!资源免费,大家分享!!
  • jQuery表格行展开隐藏代码是款基于Bootstrap.js表格插件制作的table表格行展开收缩隐藏效果代码。
  • 想做个点击按钮可以隐藏表格的某个字段 也可以是根据权限控制列中显示与隐藏 效果: 全部的表格效果, 点击第个 参考代码: 场景:根据不同用户(普通用户,vip用户),展示对应的列 思路:将原来...

    需求描述:

    想做一个点击按钮可以隐藏表格的某个字段

    也可以是根据权限控制某列中显示与隐藏

    效果:

    全部的表格效果,

    点击第一个

    参考代码:

    场景:根据不同用户(普通用户,vip用户),展示对应的列

    思路:将原来的columns copy一份,然后根据权限去让它过滤对应的列,就能返回最新的columns了

    created() {
        userType(type) {
          // type: 1 普通用户   2 vip用户  如果是普通用户则不能看到 couponAbleNum 这一列。
          if (type == '1') { //此处判断不用用户类型是否有有对应的列权限
            this.columns = this.columns.filter(col => col.type !== '2' )
            this.columns = this.columns.filter(col => col.type !== '3' )
          } else {
            this.columns = this.columnsCopy
          }
        }
      }

     

    展开全文
  • 想实现当鼠标移上去的时候可以显示这一行隐藏的内容。当然这个网上有很多插件,但是我没有用,还是自己写了一个。 css部分 <style> #showbox { width: 150px; min-height: 50px; font: 100 14px/1 "微软...
  • 页面js隐藏表格

    2021-05-11 11:50:45
    document.getElementById('FormRemark').style.display = 'none'; <table id="FormRemark"> 被隐藏表格 </table>
  • 实现方法:通过设置row-class-name添加...1.某行变色 <el-table :data="tableData" height="800px" :row-class-name="tableRowClassName"> <el-table-column v-for="(item, index) in tableData[0]
  • js 实现 单击表格某行后其他行隐藏! 值得下载看看!资源免费,大家分享!!
  • 比如我现在想做一个假删除,根据根据一个数据库的字段判断,点了删除,这个字段变为0,然后这一行就不会出现在这里。
  • 设计思路: 在Table的thead中加入一行隐藏的行,当要添加一行时,复制一次隐藏的行,再将实例数据填充到这一行中相应的位置,填充完毕之后,再将这一行加到表格中去,整个操作完成。 模板:隐藏的行即相当于模板,当...
  • 它会打开个子菜单,其中包含许多表格行,其中每个都有个图标&#39; pitch&#39;这样就可以在点击时打开信息页面。目前正在发生的事情是,当我点击&#39; +&#39;它显示子菜单项,以便一切正常当我点击&#...
  • jQuery表格行展开隐藏代码是款基于Bootstrap.js表格插件制作的table表格行展开收缩隐藏效果代码。
  • jQuery表格行展开隐藏代码是款基于Bootstrap.js表格插件制作的table表格行展开收缩隐藏效果代码。
  • 最近在搞web前端,现在显示表格的时候,想隐藏一列。通过js实现。这里是借助别的网友的文章。这里记录一下。 var table = document.getElementById("tab"); var trs = table.rows; for(var i = 0, len = trs....
  • 表格的指定列隐藏

    千次阅读 2020-05-12 18:52:31
    效果是这样,可以指定显示出来选中的几列,没指定的就隐藏。 html里,表格是这样: <div style="overflow:auto;"> <table class="t-l" id = "main_table"> <thead> <tr> <th ...
  • 在使用 sheetjs 导出 Excel 表格的时候,想要导出表格的数据。但是导出来的表格包含全部的列,而我们所有表格的第列都是序号列,不需要导出。记录以备查询 // 导出表格 function exportToExcel(table, ...
  • js实现表格滚动

    2022-09-02 10:35:07
    3、滚动控制:为了实现按行滚动,需要拿到div表格的每一行的高度,然后定时、逐行执行滚动(即对tbody滚动高度值定时进行累加,每次累加表格行的高度,然后tbody的style属性的top取滚动高度值的负值)。1、表格模仿...
  • 隐藏表格列 这种方式的效率极低。例如,隐藏个千行表格的列,在我的笔记本(P4 M 1.4G,768M内存)上执行需要约 4000毫秒的时间,令人无法忍受。
  • 我们一般会点击按钮去展开查看详情,所以我们替换箭头为“查看详情”按钮,通过toggleRowExpansion方法展开合闭expand。
  • 本文实例讲述了JS实现table表格内针对列内容进行即时搜索筛选功能。分享给大家供大家参考,...在输入框内输入‘e’,表格即时进行筛选,筛选表格内包含有‘e’的,没有‘e’的进行隐藏,使用在线HTML/JS/css运行工
  • 想实现当鼠标移上去的时候可以显示这一行隐藏的内容。当然这个网上有很多插件,但是我没有用,还是自己写了一个。 css部分 <style> #showbox { width: 150px; min-height: 50px; font: 100 14px/1 ...
  • 在公司的一个项目中遇到一个小问题,Ant Designer中表格中的内容过多是会自动换行的,如果有些人故意把一行的数据变得很多,会造成很大的麻烦。 所以本文介绍在Ant Designer中怎样隐藏多余的内容,然后把鼠标放到...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 36,383
精华内容 14,553
关键字:

js隐藏表格某一行