JS4.2版本，表格如何横向显示字段值并且显示图片

登录

表格字段为款号，款号里的值想要横向展示，并且款号对应的款号图片可以显示出来，第三行的库存，可以排序按从大到小排序，对应上方的款号和图片相应变化

Bella.Yuan · Bella.Yuan

问题描述：矩表中如何展示图片，表格组件如何横向展示内容？

问题解答：
问题一，若需展示图片，可以使用图片组件，将图片组件嵌套进对应的矩表组件的某个文本框，然后给图片组件设置图片属性就可以。

预览效果：

问题二，表格无法横向展示内容，表格组件是从上而下依次去展示对应的数据集数据，如果您需要横向展示数据，可以使用矩表组件，给矩表组件设置列分组，此时就可以横向展示。

问题三：矩表如何安库存排序，矩表的排序可以给列分组添加对应的排序规则，具体设置可以参考下图，对应的预览效果可以参考问题一的预览效果。

附件是对应的demo，您可以下载查看一下

666洪 · 666洪

问题一解答的操作疑问：没有图片的来源填写

666洪 · 666洪

我打开demo下载来看，提示已过期，看不了demo里面是什么样的内容，这个可以给我延期一下吗

Bella.Yuan · Bella.Yuan

666洪发表于 2024-3-6 17:02
问题一解答的操作疑问：没有图片的来源填写

您好，图片组件的属性需要点开哦，您点开看看呢~
点开下图的红框：

点开后的效果：

我的demo是用V4.2.0制作的，看您那边是桌面设计器的授权过期了导致文件打不开，您可以使用web设计器打开我的demo查看一下。针对授权问题，这个需要您联系一下对应的商务同事。

666洪 · 666洪

web设计器怎么打开呢

666洪 · 666洪

排序的可以了，图片的还是不行

Bella.Yuan · Bella.Yuan

666洪发表于 2024-3-6 17:24
web设计器怎么打开呢

您好，web设计器就是使用代码做的集成。针对web设计的集成可以参考这个链接：https://demo.grapecity.com.cn/ac ... gStarted/QuickStart

666洪 · 666洪

这也太绕了，我这不知道从哪里入手这个，我点了安装，条状到第二张图，不知道要看哪个地方

Bella.Yuan · Bella.Yuan

666洪发表于 2024-3-6 17:34
这也太绕了，我这不知道从哪里入手这个，我点了安装，条状到第二张图，不知道要看哪个地方

您好，web设计器和桌面设计器不一样，桌面设计器是打包好的一个安装程序exe直接安装就可以，但web设计器不是一个exe，web设计器需要使用代码去做集成，集成后运行项目就可以在浏览器打开web设计器，同时web设计器不需要安装，上面的链接是不同的前端框架的集成参考。
https://demo.grapecity.com.cn/ac ... /QuickStart-Vanilla

针对图片组件，看您截图使用了First函数，这个就是第一个值的意思，之前看您的图片数据是http的链接，所以图片来源选择外部，内容选择对应的图片字段，因为要展示所有的图片，所以肯定不需要使用First，直接使用字段名称即可。

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

[处理中] JS4.2版本，表格如何横向显示字段值并且显示图片

本帖子中包含更多资源

16 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

Wyn高级认证

Wyn认证