如何在Formeo FormBuilder中自定义设置列宽度？

问题原因 #

该问题是Formeo v1.0及以上版本的默认配置项缺失导致的：官方文档的演示实例单独配置了自定义列宽参数，而公网在线Demo和默认初始化的项目都没有添加该配置，所以列宽下拉菜单没有可选选项。

修复方案 #

只需在Formeo初始化参数中添加gridColumns配置项即可解决，配置参考如下：

const formeoInstance = new Formeo({
  // 你原本的其他配置保持不变，新增下方配置
  gridColumns: [
    { label: '25%', value: '25' },
    { label: '33%', value: '33' },
    { label: '50%', value: '50' },
    { label: '66%', value: '66' },
    { label: '75%', value: '75' },
    { label: '100%', value: '100' }
  ]
})

你可以根据自己的业务需求调整数组中的宽度选项，配置添加完成后刷新页面，列宽下拉菜单就会正常显示可选值，和官方文档演示效果一致。

内容的提问来源于stack exchange，提问作者Freitz