spread.js table表格开启表单保护后表格列头无法点击筛选按钮

收藏 · 2020-11-20 11:33 上传

此demo 为 vue-cli 项目，绘制表格文件代码在tableExcel.vue 文件中

Lynn.Dou · Lynn.Dou

本帖最后由 lynn512 于 2020-11-20 17:18 编辑

您好，查看代码您隐藏了原生的筛选按钮，重新自定义了筛选按钮。
image.png866038207.png

原生筛选按钮在表单保护下，是可以设置筛选的。
当您设置表单保护时，筛选按钮所在单元格被锁定，无法选择自定义筛选按钮。
您试下设置筛选按钮所在单元格 locked 为 false。

FENG · FENG

问题点就出现于此，开始我使用的是原生的筛选下拉，然后由于样式以及位置不能调整，你们给出的建议是使用自定义筛选按钮，然后就出现了这个问题，如果我把现在的筛选单元格解锁，那么列头就出现可以拖动删除列名的操作，如果我还原到原生的筛选，风格跟我们的表格又格格不入，

Derrick.Jiao · Derrick.Jiao

FENG 发表于 2020-11-23 11:39
问题点就出现于此，开始我使用的是原生的筛选下拉，然后由于样式以及位置不能调整，你们给出的建议是使用自 ...

您只需将423行代码的属性改为false即可，代码已为您修改好，您可以下载试一下。
表单依然是保护状态，用户无法改变列宽删除列等，是符合您的需求的。

Clark.Pan · Clark.Pan

这个问题确实目前做不到。因为自定义的button输入cellbutton属性，隶属于单元格style中。所以受单元格本身的locked属性以及表单保护影响。
我看了一下您的demo，有一种解决思路，但是需要很大改动。思路大致是将第一行和菜单设置到列头上，利用列头不能更改单元格内容的特点来完成在表单保护下既能点击又不会造成单元格内容可修改的操作。
这样的话，首先您用的tablebinding表格绑定就要换成sheetbinding表单绑定。然后在列头上设置cellbutton来进行筛选。

		自动登录	找回密码
密码			立即注册

[已处理] spread.js table表格开启表单保护后表格列头无法点击筛选按钮

4 个回复

SpreadJS 认证

SpreadJS 高级认证

讲师达人

悬赏达人

GrapeCity

微信认证勋章

元老葡萄

[已处理] spread.js table表格开启表单保护后 表格列头无法点击筛选按钮