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

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

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

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

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

说明:思源版本 2.0.15

1 操作
abc1206 在 2022-06-01 15:52:58 更新了该帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 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
  • shuoying 1
    捐赠者 订阅者

    列宽目前有两种方案, 一种是为部分列设置固定的列宽, 另一种是通过表格块的自定义属性配合主题样式设置表格的样式, 可以设置为每一列自动宽度, 你想使用哪一种方案呀 ❓

    1 回复
  • drawone 1 1 评论
    订阅者

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

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

    image.png

    谢谢大佬!
    abc1206
  • 查看全部回帖
融合块、大纲和双向链接
构建你永恒的数字花园
思源笔记是一款本地优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步

推荐标签 标签

  • B3log

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

    1101 引用 • 3468 回帖 • 422 关注
  • 大疆创新

    深圳市大疆创新科技有限公司(DJI-Innovations,简称 DJI),成立于 2006 年,是全球领先的无人飞行器控制系统及无人机解决方案的研发和生产商,客户遍布全球 100 多个国家。通过持续的创新,大疆致力于为无人机工业、行业用户以及专业航拍应用提供性能最强、体验最佳的革命性智能飞控产品和解决方案。

    2 引用 • 14 回帖 • 3 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    321 引用 • 309 回帖 • 327 关注
  • 博客

    记录并分享人生的经历。

    262 引用 • 2367 回帖
  • 禅道

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

    4 引用 • 15 回帖 • 375 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    45 引用 • 113 回帖 • 421 关注
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    83 引用 • 333 回帖
  • 音乐

    你听到信仰的声音了么?

    57 引用 • 511 回帖
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖 • 174 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 653 关注
  • Solo

    Solo 是一款小而美的开源博客系统,专为程序员设计。Solo 有着非常活跃的社区,可将文章作为帖子推送到社区,来自社区的回帖将作为博客评论进行联动(具体细节请浏览 B3log 构思 - 分布式社区网络)。

    这是一种全新的网络社区体验,让热爱记录和分享的你不再感到孤单!

    1394 引用 • 9959 回帖 • 499 关注
  • jsDelivr

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

    5 引用 • 30 回帖 • 23 关注
  • ZooKeeper

    ZooKeeper 是一个分布式的,开放源码的分布式应用程序协调服务,是 Google 的 Chubby 一个开源的实现,是 Hadoop 和 HBase 的重要组件。它是一个为分布式应用提供一致性服务的软件,提供的功能包括:配置维护、域名服务、分布式同步、组服务等。

    57 引用 • 29 回帖 • 3 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 577 关注
  • uTools

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

    7 引用 • 15 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 11 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具,助力您的学习与思考,让您的大脑更高效的记忆。

    笔记整理交给我,一心只读圣贤书。

    4 引用 • 11 回帖
  • SQLite

    SQLite 是一个进程内的库,实现了自给自足的、无服务器的、零配置的、事务性的 SQL 数据库引擎。SQLite 是全世界使用最为广泛的数据库引擎。

    4 引用 • 7 回帖
  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    83 引用 • 1158 回帖 • 526 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统,由瑞典 MySQL AB 公司开发,目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    648 引用 • 529 回帖 • 292 关注
  • NetBeans

    NetBeans 是一个始于 1997 年的 Xelfi 计划,本身是捷克布拉格查理大学的数学及物理学院的学生计划。此计划延伸而成立了一家公司进而发展这个商用版本的 NetBeans IDE,直到 1999 年 Sun 买下此公司。Sun 于次年(2000 年)六月将 NetBeans IDE 开源,直到现在 NetBeans 的社群依然持续增长。

    78 引用 • 102 回帖 • 565 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年,是中国的 IT 社区和服务平台,为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务,满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖 • 1 关注
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 508 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    12 引用 • 68 回帖 • 58 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    15 引用 • 42 回帖 • 597 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 503 关注
  • ngrok

    ngrok 是一个反向代理,通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 552 关注