光滑网格列可调整大小选项不起作用/如何使用鼠标指针调整光滑网格列答案

【问题标题】：slickgrid column resizable option not working/ how to adjust slick grid column with mouse pointer光滑网格列可调整大小选项不起作用/如何使用鼠标指针调整光滑网格列
【发布时间】：2014-01-17 13:18:16
【问题描述】：

我正在尝试在生成的网格中使用鼠标指针调整列我在每一列中启用了可调整大小的选项但列不能用鼠标指针调整

但是在 slickgrid 中给出的例子。列是可调的

如何使我的网格列可调。（我在chrome浏览器中验证过）

【问题讨论】：

您是否提供了任何最小宽度和最大宽度值？如果两者相同，则无法明显调整大小...
没有给出最小宽度和最大宽度值
好的...你能把你的代码上传到js fiddle并分享链接吗
var ctrlpcfields = [ { id: "Options", name: "Options", field: "Options", width: 70, formatter: Slick.Formatters.MgrOption, sortable: true }, { id ：“别名”，名称：“别名”，字段：“别名”，宽度：150，可排序：true
您的列设置看起来不错...当您将光标移到列边框上时，您能看到光标的大小调整图像吗？还要检查该列以检查其是否存在 z-index 问题。

标签： slickgrid

【解决方案1】：

使用 outerWidth 设置列的先前宽度存在问题。改变

columnElements.each(function (i, e) {
  columns[i].previousWidth = $(e).outerWidth();
});

到

columnElements.each(function (i, e) {
  columns[i].previousWidth = $(e).width();
});

在 .dragstart 绑定中的函数 setupColumnResize() 中的 slickgrid 中应该可以工作。

【讨论】：

这会在拖动时引起一些奇怪的跳跃。实际上应该是$(e).outerWidth(false)

【解决方案2】：

SlickGrid 已经在 slick.grid.js 中设置了默认列选项。默认列选项设置如下。

var columnDefaults = {
  name: "",
  resizable: true,
  sortable: false,
  minWidth: 30,
  rerenderOnResize: false,
  headerCssClass: null,
  defaultSortAsc: true
};

如果仍然有错误，请将您的代码上传到jsfiddle 并分享链接。

【讨论】：