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

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

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

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

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

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

说明:思源版本 2.0.15

  • 思源笔记

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

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

    22351 引用 • 89433 回帖 • 1 关注
  • Q&A

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

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

相关帖子

欢迎来到这里!

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

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

    1 回复
  • 其他回帖
  • abc1206

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

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

    1 操作
    abc1206 在 2022-06-03 10:09:33 更新了该回帖
  • drawone 1 2 评论

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

    谢谢!之前尝试在 custom.js 中启用该属性,显示没效果。
    abc1206
    请问"value: 'auto'"的其他选项是什么?如"value: '50px'"可行吗?
    abc1206
  • 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
  • 查看全部回帖

推荐标签 标签

  • PHP

    PHP(Hypertext Preprocessor)是一种开源脚本语言。语法吸收了 C 语言、 Java 和 Perl 的特点,主要适用于 Web 开发领域,据说是世界上最好的编程语言。

    179 引用 • 407 回帖 • 488 关注
  • 生活

    生活是指人类生存过程中的各项活动的总和,范畴较广,一般指为幸福的意义而存在。生活实际上是对人生的一种诠释。生活包括人类在社会中与自己息息相关的日常活动和心理影射。

    230 引用 • 1454 回帖
  • 导航

    各种网址链接、内容导航。

    40 引用 • 173 回帖
  • 支付宝

    支付宝是全球领先的独立第三方支付平台,致力于为广大用户提供安全快速的电子支付/网上支付/安全支付/手机支付体验,及转账收款/水电煤缴费/信用卡还款/AA 收款等生活服务应用。

    29 引用 • 347 回帖
  • OnlyOffice
    4 引用 • 3 关注
  • 禅道

    禅道是一款国产的开源项目管理软件,她的核心管理思想基于敏捷方法 scrum,内置了产品管理和项目管理,同时又根据国内研发现状补充了测试管理、计划管理、发布管理、文档管理、事务管理等功能,在一个软件中就可以将软件研发中的需求、任务、bug、用例、计划、发布等要素有序的跟踪管理起来,完整地覆盖了项目管理的核心流程。

    6 引用 • 15 回帖 • 113 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机,如:iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    166 引用 • 595 回帖
  • B3log

    B3log 是一个开源组织,名字来源于“Bulletin Board Blog”缩写,目标是将独立博客与论坛结合,形成一种新的网络社区体验,详细请看 B3log 构思。目前 B3log 已经开源了多款产品:SymSoloVditor思源笔记

    1063 引用 • 3453 回帖 • 203 关注
  • WebClipper

    Web Clipper 是一款浏览器剪藏扩展,它可以帮助你把网页内容剪藏到本地。

    3 引用 • 9 回帖
  • ReactiveX

    ReactiveX 是一个专注于异步编程与控制可观察数据(或者事件)流的 API。它组合了观察者模式,迭代器模式和函数式编程的优秀思想。

    1 引用 • 2 回帖 • 155 关注
  • Dubbo

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是 [阿里巴巴] SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次访问量支持,并被广泛应用于阿里巴巴集团的各成员站点。

    60 引用 • 82 回帖 • 596 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖
  • 锤子科技

    锤子科技(Smartisan)成立于 2012 年 5 月,是一家制造移动互联网终端设备的公司,公司的使命是用完美主义的工匠精神,打造用户体验一流的数码消费类产品(智能手机为主),改善人们的生活质量。

    4 引用 • 31 回帖 • 3 关注
  • 音乐

    你听到信仰的声音了么?

    60 引用 • 511 回帖
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 114 关注
  • JRebel

    JRebel 是一款 Java 虚拟机插件,它使得 Java 程序员能在不进行重部署的情况下,即时看到代码的改变对一个应用程序带来的影响。

    26 引用 • 78 回帖 • 664 关注
  • App

    App(应用程序,Application 的缩写)一般指手机软件。

    91 引用 • 384 回帖
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务,可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 57 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 815 回帖
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    27 引用 • 225 回帖 • 169 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    52 引用 • 228 回帖
  • 安全

    安全永远都不是一个小问题。

    199 引用 • 816 回帖 • 2 关注
  • Typecho

    Typecho 是一款博客程序,它在 GPLv2 许可证下发行,基于 PHP 构建,可以运行在各种平台上,支持多种数据库(MySQL、PostgreSQL、SQLite)。

    12 引用 • 65 回帖 • 437 关注
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1792 回帖 • 1 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库,强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery,是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 724 关注
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    132 引用 • 189 回帖