jquery easyui的Datagrid如何隐藏列

Question

如题所述

Answer 1

可能过两种方式来解决此问题：

1、设置hidden属性

{ field: '期次', title: '期次', width: 100, align: 'left'，hidden：条件==true?true:false }

2、重写列头（只是将此列设置为空，列宽度仍存在）

//重写标题

        $.extend($.fn.datagrid.methods, {

            setColumnTitle: function (jq, option) {

                if (option.field) {

                    return jq.each(function () {

                        var $panel = $(this).datagrid("getPanel");

                        var $field = $('td[field=' + option.field + ']', $panel);

                        if ($field.length) {

                            var $span = $("span", $field).eq(0);

                            $span.html(option.text);

                        }

                    });

                }

                return jq;

            }

        });

扩展资料

jQuery 效果- 隐藏和显示

通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

语法:

$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素，并隐藏已显示的元素：

实例

$("button").click(function(){
 $("p").toggle();});

Answer 2

　　（1）获得datagrid对象，例如id为test-datagrid,$("#test-datagrid").datagrid('hideColumn', filed);
　　（2）注意：datagrid中的方法hideColumn中的filed是列中对应的域同时方法hideColumn注意不加括号

Answer 3

datagrid有hideColumn方法，可以解决

Answer 4

hidden="true"

Answer 5

width设成0不就成了嘛，