如何将table中的某一行th隐藏?

作者&投稿:邬古 (若有异议请与网页底部的电邮联系)
jQuery 实现table表的th标签的显示和隐藏?~

1、在电脑上面打开软件,新建一个html和引入jquery.js。

2、在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字。


3、编写的js文件,首先引入jquery.js,通过$("#xx").click(function(){}代码给两个按钮添加点击事件,$("p").hide();隐藏段落文字,$("p").show();显示段落文字。

4、编写好js和body页面内容之后,完整代码如下图所示。

5、在浏览器中打开html页面,可以看到一段描述文字,和隐藏,显示按钮。

6、点击隐藏按钮,段落文字会被隐藏掉,再点击显示按钮,隐藏的段落文字会显示出来。

1、直接给td添加内联样式:

2、给td设置一个class为"this_td",然后在内部样式表或者是外部样式表中添加:
.this_td{
display:none;
}
3、给这个td起个ID为 "this_td",添加jQuery代码:$("#this_td").hide();

扩展资料:

display 属性规定元素应该生成的框的类型。
用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
常用的值:

none:此元素不会被显示。
block:此元素将显示为块级元素,此元素前后会带有换行符。
inline:默认。此元素会被显示为内联元素,元素前后没有换行符。
inline-block:行内块元素。(CSS2.1 新增的值)
list-item:此元素会作为列表显示。

用jQuery操作:

1、$('tr').find('th:eq(0)').hide(); 

选择需要隐藏的行tr,找到对应需要隐藏的列th,使用hide()方法。

2、$('tr').find('td:eq(0)').hide();

选择需要隐藏的行tr,找到对应需要隐藏的列td,使用hide()方法。

扩展资料:

table列显示隐藏函数:

tableId:表示table表的ID

columns:表示table列索引 例: 0,1,2,3

type:显示隐藏列 1.显示table列 2.隐藏table列

function hideShowTableTd(tableId, columns, type) {

    var strs = new Array(); //定义一数组

    strs = columns.split(","); //字符分割

    var tableTd = "";

    for (var i = 0; i < strs.length; i++) {

        tableTd += "td:eq(" + strs[i] + "),th:eq(" + strs[i] + "),"

    }

    tableTd = tableTd.substring(0, tableTd.length - 1);

    if (type == '1') {

        $('#' + tableId + ' tr').find(tableTd).show();

    }

    if (type == '2') {

        $('#' + tableId + ' tr').find(tableTd).hide();

    }

}



楼上正解,如果不行试下none后面加个英文分号";"。

在那一行加上style="display:none"

直接使用 style="display:none;"

hidden="hidden"


如何处理table中内容过多将布局破坏的现象
就我个人经验的话,我觉得用table做布局是比较快的,但是到套用后台的时候,table就没有div+css布局那么直观了,因为用table做的时候,会有很多tr、td之类的代码,看得眼花缭乱的,当然两种布局都可以套后台...如果你会的话,两种布局都可以互相用的,至于你说出现什么挤压之类的,肯定是没有调好大小...

怎样将DataTable中的重复数据筛选出来
var groupByResult = dataTable.Rows.Cast<DataRow>().GroupBy<DataRow, string>(dr => dr["name"].ToString()); foreach (var rows in groupByResult) { if (rows.Count() > 1) { \/\/以name为筛选条件的数据存在多条 … } } ...

怎样将Datatable中的数据直接导入到Excel模板上
using Microsoft.Office.Core;using Microsoft.Office.Interop.Excel;Microsoft.Office.Interop.Excel.Application myExcel=new Microsoft.Office.Interop.Excel.Application();myExcel.Application.Workbooks.Add(true);for(int row=0;row<=this.ds.Tables[0].Rows.Count-1;row++){for(int col=0;col<=...

如何将datatable中的值导出到指定的excel模板中
\/\/\/ <summary> \/\/\/ 把table中的数据导出到excel中去 \/\/\/ <\/summary> \/\/\/ <param name="dt">要导入的table<\/param> \/\/\/ <param name="maxcount">模板excel中,一个sheet要显示的行数,如果数据多一个sheet中的最大值,会自动生成新的sheet<\/param> private void ExportExcel(System .Data...

C#编程中如何改变DataTable里的某一条记录?
更新表中的数据 DataRow类为了在编辑数据时挂起和恢复数据行的状态提供了3个方法:BeginEdit、EndEdit和CancelEdit方法。当编辑数据时,调用BeginEdit可以挂起任何事件(或异常),使用Items集合指定要修改的数据的列名和新值;使用EndEdit重新恢复任何事件(或异常);使用CancelEdit则可以回滚任何更改和重新激活...

如何将JTable中某个可编辑单元的改编后的值即时保存啊?
看看这个例子吧。 要想保存改变后的状态 注意它的setValueAt方法 import javax.swing.DefaultCellEditor;import javax.swing.JComboBox;import javax.swing.JFrame;import javax.swing.JPanel;import javax.swing.JScrollPane;import javax.swing.JTable;import javax.swing.table.AbstractTableModel;import ...

c# 中 如何将datatable的数据 整行插入ACCESS数据库中
的范围 比如说我只想要表中的2个字段,不要写成 select * from 表名 应写成 select id,name from 表名 2.开表次数 开同一个表,读取多条ID的数据 不要写成 select * from 表名 where id=1 select * from 表名 where id=2 可以写成 select * from 表名 where **=共同点 3.清理缓存 连...

用java如何将查询的结果在table中显示
利用Java开发数据库应用系统时,经常需要在用户界面上显示查询结果。由于SUN公司提供的JDK1.x开发工具包不是可视化的集成开发环境(IDE),不能象Delphi、VB那样方便地把查询结果在DBGrid等表格中显示出来。因此,只能靠自己编写代码来实现。在实际应用中,我们可以利用Vector、JTable、AbstractTableModel等三个...

JAVA点击Jtable表格如何将点击的那一行数据分别输出出来
方法二: MouseListener 当鼠标点击某行数据后,输出该数据 ,可以实现 不推荐使用MouseListener来获取表格选中数据:1 不够灵敏, 偶尔会失效, 比如刚打开窗口后 ,有时候迅速点击table .MouseListener 就可能不会有反应...2 用户选中多行, 比如拖动或者键盘上下移动进行选择时,那么在MouseListener里获取多行...

C#怎么将datatable中的数据读到textbox中
DataTable dt=new DataTable();如果dt中有值则这样读 textbox1.Text= dt.Rows[0]["列名"].ToString();\/\/0代表第一行,以此类推

九龙县19532296837: 如何将table中的某一行th隐藏? -
呼汤气滞: 楼上正解,如果不行试下none后面加个英文分号";".

九龙县19532296837: 怎样让table中指定的一个td隐藏不显示 -
呼汤气滞: 或者给这个td起个ID 如 ID为 "this_td" 用jquery 的 $("#this_id").hide() 则可以让此td隐藏 如果还有什么不懂的希望可以提出来

九龙县19532296837: 如何用div隐藏table中的某几行呢? -
呼汤气滞: 在这里留一下,以供大家参考.其实方法挺多的,这里就说说三种.第一种方法,就是使用id,这个方法可以在生成html的时候动态设置tr的id,如下<table<tr<td这行不隐藏</td</tr<tr id="tr_1"<td这行要隐藏</td</tr<tr id="tr_2"<td这行要隐藏...

九龙县19532296837: 请问table中如何隐藏td? -
呼汤气滞: 1、直接给td添加内联样式:<td style="display:none">2、给td设置一个class为"this_td",然后在内部样式表或者是外部样式表中添加:.this_td{ display:none; }3、给这个td起个ID为 "this_td",添加jQuery代码:$("#this_td").hide()...

九龙县19532296837: 如何用jquery 将table的行有特效效果隐藏, 和$('div').hide('slow')类似, -
呼汤气滞: <style> table,td,th{border:1px solid #cccc;} table{ width:60%; border-spacing:0; border-collapse:collapse; } td,th{ padding:5px; } </style> <script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> <script> $(function(){$('button')....

九龙县19532296837: excel表格的有些行如何隐藏?
呼汤气滞: 选中要隐藏的行,然后在选中行上右键单击,在弹出菜单中选择“隐藏”.

九龙县19532296837: 如何隐藏DataTable某一列的值 -
呼汤气滞: 方法:在this.GridView1.DataSource =bind() ; this.GridView1.DataBind(); 后面写 for(int i=0;i<GridView1.Rows.Count;i++) { TableCell tc=GridView1.Rows[i].Cells[0]; //定义第一列 tc.Visible=false; //隐藏所有行中的第一列数据 }//顺便隐藏列头 GridView1.HeaderRow.Cells[0].Visible = false;

九龙县19532296837: html中table如何隐藏一列? -
呼汤气滞: 可以用样式style="display:none;"来实现.如:B C...

九龙县19532296837: 电子表格中如何隐藏一列的数据 -
呼汤气滞: 先选中该行(或列),点右键,选隐藏;然后选工具、保护、保护工作表,输入2次密码后,点确定,别人就不能取消你的隐藏行列了,只有知道密码后才能重新显示隐藏的数据.

九龙县19532296837: html中table如何隐藏一列? -
呼汤气滞: 可以用样式style="display:none;"来实现.如: <table> <tr> <td style="display:none;">A</td> <td>B</td> <td>C</td> </tr> <tr> <td style="display:none;">A1</td> <td>B1</td> <td>C1</td> </tr> </table>

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网