请问如何自定义挂件 Query 查询结果的表格列宽?

本贴最后更新于 1111 天前,其中的信息可能已经时移世异

参考帖子搜索挂件 query:设置字段长度问题,修改文件“工作空间\data\widgets\Query\src\script\module\config.js”;该贴反映一开始没有成功,后来不知如何就改成了。

现碰到类似情况,设置“maxlen: 16”、“limit: 'len'”等项目,查询结果表的列宽没有变化。尝试修改其他项目,如按钮“Query”高度,F5 刷新后显示更改成功,但反复修改几次后,挂件会出错:按钮“Query”变成很大矩形,且点击不生成查询结果,只能卸载挂件重新安装。

烦劳专家指点应如何修改配置文件,感谢!

Query 开发大佬若看到这个问题,能否在按钮“Query”旁加个选项面板,方便自定义结果表格的显示样式。

说明:思源版本 2.0.15

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25969 引用 • 107686 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9968 引用 • 45292 回帖 • 76 关注
1 操作
abc1206 在 2022-06-01 15:52:58 更新了该帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 列宽目前有两种方案, 一种是为部分列设置固定的列宽, 另一种是通过表格块的自定义属性配合主题样式设置表格的样式, 可以设置为每一列自动宽度, 你想使用哪一种方案呀 ❓

    1 回复
  • abc1206

    大佬能讲下第 1 种方案吗?

    1 回复
    1. 打开 data\widgets\custom.js 文件, 如果没有则新建
    2. 在该文件中写入如下信息并保存, 可以根据需要设置部分字段的宽度
      export const config = { query: { style: { column: { // 列样式, 自定义宽度的字段可以设置为 '{: style="width: 512px"}' content: '', fcontent: '', markdown: '', created: '', updated: '', type: '', hpath: '', id: '', parent_id: '', root_id: '', hash: '', box: '', path: '', name: '', alias: '', memo: '', tag: '', length: '', subtype: '', ial: '', sort: '', }, }, }, };
    1 回复
  • abc1206 4 评论

    感谢大佬!试了下,没成功。

    custom.js 代码如下:

    export const config = { query: { style: { column: { // 列样式, 自定义宽度的字段可以设置为 '{: style="width: 512px"}' content: '{: style="width: 50px"}', fcontent: '', markdown: '', created: '', updated: '', type: '', hpath: '', id: '', parent_id: '', root_id: '', hash: '', box: '', path: '', name: '', alias: '', memo: '', tag: '', length: '', subtype: '', ial: '', sort: '', }, }, }, };

    查询代码如下:

    SELECT a.content AS __3__链接内容, b.content AS __2__上级内容, c.content AS __1__文档 FROM blocks As a INNER JOIN blocks AS b ON a.parent_id = b.id INNER JOIN blocks AS c ON a.root_id = c.id WHERE ( (a.type = 'p' OR a.type = 'h') AND a.markdown LIKE '%20210930074618-zyk18yh%' ) ORDER BY a.hpath

    页面刷新、新建文档、重启思源都试了,没成功。新建查询第 1 次点击“Query”按钮,背景变红色没出结果;第 2 次点击,背景变绿色,结果表列宽仍是老样子:自适应每列最长内容,随后查询点击均如此。

    哦哦, 自定义字段就没法使用该方案设置列宽了~
    shuoying
    @shuoying 请问该方案适用哪种情况下设置列宽?
    abc1206
    @abc1206 适用于默认查询, SQL 格式为 SELECT * FROM blocks ...
    shuoying 1
    @shuoying 知道了,谢谢大佬!
    abc1206
  • drawone 1 2 评论

    image.png最好启用自定义样式属性

    谢谢!之前尝试在 custom.js 中启用该属性,显示没效果。
    abc1206
    请问"value: 'auto'"的其他选项是什么?如"value: '50px'"可行吗?
    abc1206
  • drawone 1 1 评论

    在 custom.js 中还可以这样赋值:value:'{: style="200px"}'

    Query按钮块 的自定义属性中可以这样赋值:

    image.png

    谢谢大佬!
    abc1206
  • abc1206

    找到一个变通方法:通过限制内容长度来限制列宽,不修改挂件配置。

    挂件 Query 查询结果表自定义列宽

    1 操作
    abc1206 在 2022-06-03 10:09:33 更新了该回帖
请输入回帖内容 ...

推荐标签 标签

  • 链滴

    链滴是一个记录生活的地方。

    记录生活,连接点滴

    180 引用 • 3878 回帖 • 2 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    499 引用 • 1395 回帖 • 245 关注
  • 电影

    这是一个不能说的秘密。

    122 引用 • 608 回帖 • 1 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    7 引用 • 28 回帖 • 1 关注
  • 房星科技

    房星网,我们不和没有钱的程序员谈理想,我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源,遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 605 关注
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 661 关注
  • GitLab

    GitLab 是利用 Ruby 一个开源的版本管理系统,实现一个自托管的 Git 项目仓库,可通过 Web 界面操作公开或私有项目。

    46 引用 • 72 回帖
  • 钉钉

    钉钉,专为中国企业打造的免费沟通协同多端平台, 阿里巴巴出品。

    15 引用 • 67 回帖 • 271 关注
  • 周末

    星期六到星期天晚,实行五天工作制后,指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖 • 3 关注
  • Eclipse

    Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

    76 引用 • 258 回帖 • 628 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下,开发分布式程序。充分利用集群的威力进行高速运算和存储。

    93 引用 • 122 回帖 • 618 关注
  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    268 引用 • 666 回帖 • 1 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言,在 20 世纪 90 年代中期由日本的松本行弘(まつもとゆきひろ/Yukihiro Matsumoto)设计并开发。在 Ruby 社区,松本也被称为马茨(Matz)。

    7 引用 • 31 回帖 • 258 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    947 引用 • 1460 回帖 • 1 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎,可以结合 MySQL、PostgreSQL 做全文搜索,它可以提供比数据库本身更专业的搜索功能,使得应用程序更容易实现专业化的全文检索。

    1 引用 • 224 关注
  • Office

    Office 现已更名为 Microsoft 365. Microsoft 365 将高级 Office 应用(如 Word、Excel 和 PowerPoint)与 1 TB 的 OneDrive 云存储空间、高级安全性等结合在一起,可帮助你在任何设备上完成操作。

    5 引用 • 34 回帖 • 1 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”,乌云众测平台认证的“安全云”,为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 577 关注
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 1 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    89 引用 • 150 回帖 • 1 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 1 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 710 关注
  • 职场

    找到自己的位置,萌新烦恼少。

    127 引用 • 1708 回帖
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    63 引用 • 289 回帖 • 1 关注
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 796 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 349 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    16 引用 • 236 回帖 • 251 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    188 引用 • 1057 回帖