当前位置:首页>开发>正文

jquery怎么隐藏列表中列 请问jquery控件 slick grid 如何隐藏某一列啊

2023-06-20 18:01:41 互联网 未知 开发

 jquery怎么隐藏列表中列 请问jquery控件 slick grid 如何隐藏某一列啊

jquery怎么隐藏列表中列




    
    
    * { padding:0 margin:0}
    table { text-align:center border-top:1px solid #ddd border-left:1px solid #ddd}
    table td { border-bottom:1px solid #ddd border-right:1px solid #ddd}

    





第1列
第2列
第3列
第4列
第5列




1
2
3
4
5


1
2
3
4
5


1
2
3
4
5


1
2
3
4
5



隐藏第


    
        (function () {
            var oTab = document.getElementById("tab1")
            var oSel = document.getElementById("sel1")
            var aTr = oTab.getElementsByTagName("tr")
            if (aTr[0]) {
                for (var i = 0, l = aTr.length i < l i ) {
                    var oOption = document.createElement("option")
                    oOption.innerHTML = "第"   (i   1)   "列"
                    oSel.appendChild(oOption)
                }
            }

            oSel.onchange = function () {
                var iIndex = this.selectedIndex
                for (var i = 0, l = aTr.length i < l i ) {
                    var aTd = aTr[i].children

                    for (var x = 0 x < aTd.length x ) {
                        aTd[x].style.cssText = ""
                    }
                    aTd[iIndex].style.display = "none"

                }
            }

        })()
    

请问jquery控件 slick grid 如何隐藏某一列啊?

你是想要什么效果?
1.要在表头上面点右键出来个选择的那种菜单么?然后在菜单里面选择某列是否可见的么?
2.还是要直接在页面中隐藏某列?
--------------------------------------------------
1.引入slick.columnpicker.js及slick.columnpicker.css,
在页面的javascript中添加一句代码:
var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options)

2.同样也需要引入slick.columnpicker.js及slick.columnpicker.css,
//初始化grid后
grid = new Slick.Grid("#myGrid", data, columns, options)
//假设columns有三列,如下:
var columns = [
{id: "title", name: "Title", field: "title",sortable:true},
{id: "uname", name: "UserName", field: "uname",sortable:true},
{id: "uage", name: "UserAge", field: "uage",sortable:true}
]
//进行显示|隐藏的设置
var visibleColumns = []//定义一个数组存放显示的列
visibleColumns.push(columns[0])//将columns的第一列push进去
visibleColumns.push(columns[1])//将columns的第二列push进去
//设置grid的列
grid.setColumns(visibleColumns)

//祝工作愉快
----------------------------结束-----------------------------

隐藏表格的某一列,jquery应该如何操作

前两天刚看到的文章:

//第一种方法
$("#table tr td:nth-child(3)").hide()

//第二种方法    
$("#table tr").each(function(){ 
    //第一种写法     
    $(this).find("td").eq(2).hide()
    //第二种写法        
    $("td",$(this)).eq(2).hide()    
})文章链接:网页链接   里面有jquery操作表格相关的15种方法,很值得收藏!

关于jquery的 datatable插件,隐藏列的问题?

不太熟悉这个插件。但是我想你可以写一个function来解决这个问题:
1.不要使用aoColumnDefs来隐藏相关的列。
2.写个function(最好是写成jq的扩展方法),功能很简单,参数为列索引,遍历该表格所有行,将你传入列的td的值作为属性添加到该tr上,并隐藏该TD。这样遍历一遍后,你需要隐藏的那列的所有的值都会作为TR的一个属性存在了。
3.你需要获得该隐藏列的值的时候,直接访问TR的某个属性就可以了。

可以用数组,或者任何的东西来记录你需要隐藏的列的值,取的时候获得表格行号,根据索引去数组里取也成。
-------------------------------------------------------------
刚粗略查了一下这个插件,发现有个aoColumn中有个fnRender属性,可以对列进行渲染,比如你想进行"查看详细","修改","删除"等操作都可以用这种方法

jquery datatable 如何获取隐藏列的值

var tableTest function initTable(){ tableTest = $(#tableTest).dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "aaData": [ [101, aaa, 91,1, 2012-10-10, X], [102, bbb, 92,5, 2012-3-19, X], [103, ccc, 89,5, 2013-3-21, X], [105, eee, 95, 2011-11-11, C], [104, ddd, 91, 2013-2-22, X] ], aaSorting:[ [1,asc],[2,asc] ], aoColumns:[ {sTitle:ID, sWidth:20%,sClass:center}, {sTitle:Name, sWidth:20%,sClass:center}, {sTitle:Score,sWidth:20%,sClass:center}, {sTitle:Date, sWidth:20%,sClass:center}, {sTitle:downLoad, sWidth:20%,"bVisible": false,"bSearchable": false, sClass:center, "mRender": function ( data, type, full ) { return }} ] }) $(#tableTest).find(.userName).each(function(){ console.log($(this).val()) }) }       有两个bVisible和bSearchable,如果设置bVisible:false,那么这列数据是不可访问的,bSearchAble:false是可以访问的,我感觉这边做的不是很好哎,就比方说我们一般都喜欢对表添加一列隐藏列,里面记录每行的id,方便数据访问,但是貌似这招这样不行。我想能不能用mReader来做,就比方上面代码,设置type=hidden,试验发现不行,看来我是明显天真了。但是想到mReader:function(data,type,full)其中的full就是这一列的所有信息,试验了一下,的却访问隐藏的那一列,那么通过这种变相的方法就可以访问隐藏的数据了。      总结一下,可以通过mReader:function(data,type,full)中的full参数获取一行所有信息(包括隐藏列),获取到的是一列字符串,然后通过spilt转换位数组,然后选取第几个。

jquery 显示隐藏循环层里的元素

如果p1和p2是同级的:$(.p1).click(function(){$(this).siblings(.p2).show()})
如果p2是p1的后代元素:$(.p1).click(function(){$(this).siblings().find(.p2).show()})

jquery如何控制循环里面的层的显示与隐藏

你好!!
不知道解决了没有?
你是想要循环中的按钮控制紧随其后的这个div吧。
其实这个问题很容易实现,但是先说说你代码中的几个问题:
1. 需要在循环外部,添加一个父元素,通过这个父元素控制里面的按钮和div;
2. 按钮的类型为submit,最好更改为button;
下面是代码:
//假设你的代码是这样,你这是asp还是什么的?
do whil not rs.eof rs.rs.movenext rs.loop $(function(){ $("#loop :button").click(function(){ $(this).next("div").toggle() }) }) 希望对你有帮助!!

JQuery或js如何实现隐藏和显示jSF表格的列

因为 JSF 组件在客户端的 ID 是自动生成的,所以我觉得不要依赖原始的 JSF ID 而是用其它的替代方法,比如用 name 属性或定制的属性,在 Html5 中可以用 data-field 这样的 data- 开头的任意自定义属性。

jQuery([name=selectRstFlag]).hide()
jQuery([name=selectRstFlag]).show()

用JS语句控制显示或者隐藏table的某一个列

会用JQuery的话
function hide(num)
{
var selector = "td:first-child"
for(var i = 0 i < num i )
{
selector = selector " td"
}
$(selector).hide()
}

hide(0)