列中的 SlickGrid 可编辑宽度小于列宽

Question

当我们对select一个单元格进行编辑时，最大可编辑宽度明显小于列宽。 这可能会使长字符串被剪裁，在 Slick.Editors.LongText 的情况下，弹出窗口无法水平拉伸到列的整个宽度。

我们使用的是 6Pac SlickGrid 版本 2.4.42（2021 年 9 月 28 日发布）。 我们使用 Chrome 作为浏览器。

我们希望看到的行为可以在 6Pac 示例中观察到： http://6pac.github.io/SlickGrid/examples/example3-editing.html 。 ...我们已经检查了示例的 js 代码，但看不出有什么不同。

所有列对象都是使用单个 function 创建的，它接受一个字符串作为“字段”，并根据字段的值做出一些决定。 然后将 object 返回给调用代码：

obj = {
    id: field, 
    asyncEditorLoading: true,
    autoEdit: true,
    columnPickerTitle: 'Show/Hide Columns',
    editable: true,
    editor: cellEditor,
    enableAddRow: true,
    enableCellNavigation: true,
    excludeFromColumnPicker: columnPickerExclude,
    field: field,
    forceFitColumns: false,
    name: field,
    resizeable: true,
    sortable: true,
    syncColumnCellResize: true,

    // column widths
    maxWidth: _colWidthMax,
    minWidth: _colWidthMin,
    width: colWidth,
};

列宽值是根据字段值计算的：最小值为 40 宽度可能为 140、500 或 1000。最大值始终为 1000。

columnPickerExclude 仅针对一列设置为 true（也基于字段值）。

cellEditor 设置为 Slick.Editors.Text 或（仅在一种情况下）Slick.Editors.LongText。

我们已经浏览了“https://github.com/6pac/SlickGrid/wiki/Grid-Options”上的网格选项，并查看了文件 slick.grid.js 中的选项列表。

已尝试更改多个选项值，但所描述的行为没有变化。

Answer 1

我对此有点迷惑。 您是说该示例可以按照您的意愿运行，但您的代码却不能？
听起来很可能是 css 问题。

最好的办法是把你的测试用例，把它分成一个单独的页面，然后再简化它，直到它和例子一样。 在这个过程中的某个时候，你会改变一些东西，它会开始工作，然后你就会知道去哪里找。

如果没有，请发布代码，我们会提供帮助