我正在使用以下内容：

对于每个网格堆栈项，我都有一个网格堆栈项内容 div。在每个中，我有 2 个 div 类 .panel-header 具有框/面板的标题和下面的文本区域。问题是，即使我将 textarea 的高度在宽度和高度上都设置为 100%，textarea 也永远不会适合面板的整个高度。

.addWidget()当自动定位设置为 true 时，我遇到了问题。基本上，在添加新小部件时，它总是位于0 (x), 0 (y), 4 (width), 4 (height)与第一个小部件重叠的位置。

在添加新小部件之前

添加新小部件后...

这是使用angular2的gridstack init。

将非常感谢您对这个问题的任何启发:)

首先，确实有多个类似的问题，但在我的情况下它们不起作用。相关,其他相关

结构就像page > div > div > stuff + table

我正在使用Gridstack.js，这是我当前的代码

当前行为

在里面滚动div时没有什么特别的，你会首先滚动想到input, links,... 然后虽然表格

预期行为

滚动时，当标题到达顶部时div- 标题应固定在顶部div（不是页面顶部）。向后滚动时，标题应返回其正常状态。

无需检查 div 的结尾来隐藏标题。div 的结尾总是表格的结尾。

如何实现？页眉不应固定在页面顶部，而应固定在页面顶部div

注意：这也适用于 IE11

我有一个包含 C3 图表的网格（Gridstack.js）。该图表使用意外的垂直滚动条呈现，如小提琴所示 - https://jsfiddle.net/plax/avxdekyL/13/

滚动条仅在有 svg 元素（如图表）时出现，但适用于网格上的简单文本。

除了前面线程中提到的将“溢出”设置为隐藏之外，还有其他解决方法吗？

有人知道为什么 svg 会导致这个滚动条出现吗？

这是我的脚本序列：

这是我使用 gridstack 函数的 JavaScript 代码，但它显示错误。请检查脚本和 JavaScript 文件的顺序。

我在应用程序中使用 Gridstack.js 框架并有一些 div 列：

我将第一个 Div 的高度设置为与 Gridstack 容器的高度相同：

所以加载时 div 的高度相同，但如果 Gridstack div 添加了更多项目并且高度增加，我希望第一个 div 也具有相同的高度。

有没有办法动态地使第一个 div 更改高度与调整后的 Gridstack div 相同？

我正在尝试将地图小部件添加到使用 gridstack.js 制作的仪表板中。示例小部件如下所示：

我想将地图添加到内部（白色）div，但是当我这样做时，地图会显示覆盖整个小部件 div，隐藏灰色边框和小部件标题。为什么会发生这种情况，我该如何解决？

以下是将地图添加到相关 div 的代码：

编辑：HTML 和 CSS 相当冗长。以下是必要的部分：

HTML：

CSS：

如何将第三方 js 文件添加到特定刀片视图？

基本上我想在我的新项目的仪表板页面中添加 gridstack 功能。

我已经尝试从gridstack下载 js 和 css 文件，然后将 gridstack.js 放在项目resources/assets/js/文件夹中，并将 css 文件放在项目resources/assets/css/文件夹中

下一步是在混音器中加载文件。为此，我认为我可以去/resources/assets/js/app.js添加图书馆

然后我运行 npm run dev，它给出了以下错误

ERROR 编译失败，出现 20 个错误

未找到这些依赖项：

./resources/assets/js/gridstack.js 中的 jquery- ui/data ./resources/assets/js/gridstack.js 中的
jquery-ui/disable-selection
省略了 18 行类似的行

要安装它们，您可以运行： npm install --save jquery-ui/data jquery-ui/disable-selection jquery-ui/focusable jquery-ui/form jquery-ui/ie jquery-ui/keycode jquery-ui/labels jquery-ui/jquery-1-7 jquery-ui/plugin jquery-ui/safe-blur jquery-ui/scroll-parent jquery-ui/tabbable jquery-ui/unique-id jquery-ui/版本 jquery-ui/widget jquery-ui/safe-active-element jquery-ui/widgets/mouse jquery-ui/widgets/draggable jquery-ui/widgets/droppable jquery-ui/widgets/resizable

当然，我尝试运行npm install --save jquery-ui/data以查看它是否有效，但它没有：

npm 错误！权限被拒绝（公钥）。
致命：无法从远程存储库中读取。
请确保您具有正确的访问权限并且存储库存在。

如何在没有所有这些编译错误的情况下将简单的 js 和 css 添加到我的项目中......？

我还尝试了另一种方法：从上述方法中删除了需求，并找到了 webpack.mix.js 文件并使其看起来像这样：

然后我运行了npm run dev唯一的从上面得到相同的错误。

这里有什么问题？我试图删除 jquery-ui 引用并再次运行 npm ......完全相同的错误

另外，我在我的项目中使用 npm 安装了 gridstack ......但我不知道如何直接使用它。我应该可以使用它，因为它是“已安装”的，但是如何使用呢？

我也做了一个npm cache clean，没有效果我还验证了我的 node 和 npm 版本，它们看起来还可以：

编辑 从需求中删除 ./ 并完全删除 jquery-ui （它已经加载）后，我设法从 npm 命令中不再出现错误。然而，gridstack 功能并不存在。我将我的源代码与 gridstack 的官方演示进行了比较，发现它们包含 2 个 gridstack js 文件：

但是 Laravel mix 不同意我添加额外的要求。如果在 /resources/assets/js/app.js 中输入以下内容，我会再次从 npm 收到错误

如何在我的 Laravel 5.4 项目中获得 gridstack 的全部功能？

编辑 似乎有效的是：

1. 删除之前完成的所有更改，如 app.js 中的更改

2. 我将 webpack.config.js 从 node_modules/laravel-mix 复制到我项目的根文件夹中

3. 我添加了以下代码

   module.exports.resolve = { extensions, alias: { 'vue$': 'vue/dist/vue.common.js', 'jquery-ui': path.resolve(__dirname, 'node_modules/jquery-ui/ui' ) } };

4. 在 webpack.mix.js 中，我添加了以下内容：

   mix.js('resources/assets/js/app.js', 'public/js') .copy('node_modules/gridstack/dist/gridstack.all.js','public/js');

5. 在 package.json 我添加了：

   "devDependencies": { ... "gridstack": "^0.3.0" }

6. 在命令行中我做了

   sudo npm 重建节点-sass

然后

完成上述操作后，npm 正确编译了 mix, bun now，我在前端收到 jQuery 错误：

jQuery.Deferred 异常：c.draggable 不是函数 d.prototype.draggable@ http://myproject.com/js/gridstack.all.js:16:1395

这指向 gridstack.all.js 的第二部分（就在它的开头，在那里定义了 jquery ......再次）错误似乎表明 jquery 被多次加载。但这在经典的 PHP 应用程序中不是问题。

知道如何进行这项工作吗？默认的 laravel 应用程序默认需要 Bootstrap、lodash 和 jquery，当我将 gridstack 添加到项目中时，看起来好像在某个地方需要 jquery。我只是不明白。

任何人都可以尝试模拟我在做什么并告诉我他们是如何做到的吗？

我正在尝试使网格静态化。一点动静都没有。

我试过了：

还有这个

和这个

它们似乎都不起作用，我使用此链接获取文档。

他们还提到了setStatic方法，但没有使用此方法的示例。

使用 RactiveJS、Redux 和 Gridstack 制作的应用程序。

添加新小部件时，一切都很好，小部件也可以移动/调整大小。但是当我删除所有小部件并添加例如两个新小部件时，然后：

1. 小部件不能移动，也不能调整大小。如图：
2. 当尝试删除小部件时，它会消失，但其他小部件会改变它们的位置。

jsFiddle提供如下

您可以看到右侧的小部件移动到右侧，但句柄保持在原位。那么为什么会出现这种行为以及如何处理呢？

RactiveJS 应用程序具有三个组件

提供的代码如下：