如何用javascript去控制实现datagrid的某一列的显示和隐藏

Question

如何用javascript去控制实现datagrid的某一列的显示和隐藏
如何用javascript去控制实现datagrid的某一列的显示和隐藏如何用javascript去控制实现datagrid的某一列的显示和隐藏

Answer 1

datagridview1.Rows[2].visible = false;
是这样吗？

Answer 2

datagrid最终页面表现形式是table，那么完全可以用js来设置不过怎么定位需要隐藏的列得你自己定规则方法你可以参考以下的文章
http://topic.csdn.net/t/20040329/10/2897708.html
http://topic.csdn.net/t/20060222/10/4569878.html

Answer 3

我在后台给那列添加了一个属性用display:none已经进行了隐藏(正列),我想写个JAVASCRIPT,在客户端在某个事件下调用这个function,来实现显示和隐藏.
可这个function 不好写哦?我该怎么去指定那一列呢?

Answer 4

private void DataGrid1_ItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
 {
  string id=((DataGrid) sender).ID;
  DataTable dt=new DataTable();
  dt=(DataTable) ((DataGrid) sender).DataSource; 
  if(e.Item.ItemType == ListItemType.Header)//表头 
    {  
      for(int i=0;i<e.Item.Cells.Count;i++)
  {
          e.Item.Cells[i].Attributes.Add("onDblClick","HideCol('"+i.ToString()+","+id+"')");
       }
   }
}
function HideCol(Column,Obj)//隐藏列
{
   var tb=document.getElementById(Obj);
   var RowNum=tb.rows.length-1;//-1表示 分页行
   var ColNum=Column;
   for (i=0;i<RowNum;i++) 
     {      
       tb.rows(i).cells(Column).style.display='none';
   }      
}

Answer 5

    function hideRow()
    {
       var tb2=document.all.GridView1.rows(2);
       tb2.style.display="none";
    }
在BUTTON的ONCLICK事件加上hideRow()就可以实现隐藏第三行的目的，依次类推就行了，我用的是GRIDVIEW，DATAGRID也是一样的。