ext grid 表头隐藏,数据不隐藏

如果你想隐藏 Ext Grid 的表头而不隐藏数据，你可以使用以下方法：

1. 使用 CSS

在你的 CSS 文件中添加以下样式：

.x-grid-header-ct {
  display: none;
}

.x-grid-item-container {
  margin-top: 0 !important;
}

这将隐藏表头并且将数据上移，使其在顶部。

2. 使用 API

你也可以使用 Ext JS 的 API 来隐藏表头：

grid.headerCt.setVisible(false);
grid.getView().addCls('x-grid-no-header');

第一行代码将隐藏表头，第二行代码将添加一个 CSS class，这个 class 可以将表格顶部的空白区域移除，使数据在顶部。

希望这可以帮助你！

相关问题

Ext.window.MessageBox 点击后不隐藏

Ext.window.MessageBox 是 ExtJS 框架中提供的一个窗口组件，用于显示警告、提示等消息。如果点击后不隐藏，可能是因为没有正确设置回调函数或者回调函数执行出现了错误。可以尝试以下步骤进行排查：

1. 确保回调函数已正确设置，回调函数会在用户点击确定或取消按钮后执行。例如：

Ext.Msg.show({
    title: '提示',
    message: '确定要删除吗？',
    buttons: Ext.Msg.YESNO,
    icon: Ext.Msg.QUESTION,
    callback: function(btn) {
        if (btn === 'yes') {
            // 用户点击了确定按钮
        } else {
            // 用户点击了取消按钮
        }
    }
});

2. 检查回调函数中的代码是否正确，可能会出现语法错误或逻辑错误导致无法执行隐藏窗口的代码。可以在回调函数中添加 console.log() 打印日志以查看是否执行到了该函数。

3. 如果以上两种方法都无法解决问题，可以尝试使用其他的 ExtJS 窗口组件，例如 Ext.window.Window，看是否能正常隐藏窗口。

Ext对div进行隐藏.

可以使用CSS中的`display`属性来隐藏`div`元素。具体来说，可以将`display`属性设置为`none`，这样该元素就会被隐藏：

div {
  display: none;
}

如果想通过JavaScript来隐藏`div`元素，可以使用`style.display`属性将其设置为`none`，如下所示：

var div = document.getElementsByTagName('div')[0];
div.style.display = 'none';