登录 注册

数据库要拉到最底部才有滑块

本贴最后更新于 362 天前，其中的信息可能已经时过境迁

字段较多的情况，不方便查看前面的数据

image.png

image.png

  • 思源笔记

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

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

    28447 引用 • 119791 回帖
2 收藏
7 回帖
3
611 139 12 279 1 5 175

相关帖子

7 回帖
数据库要拉到最底部才有滑块

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wilsons •
    付费者 捐赠者

    @MuShanPlus 你想要的让主键向左滑动时固定，修改 nth-child 可以让任意列固定

    /* 数据库优化css */
/* 设置数据库最大高度 */
.av__scroll {
    max-height: 600px;
    overflow: auto;
}
/* 显示底部计算（求和等） */
.av__row--footer .av__calc,.av__row--footer.av__row--show .av__calc {
    opacity: 1
}
/* 头部固定不动 */
.av__row--header{
    top: 0px;
    position: sticky;
    z-index:2; /* 防止与cell内容及右侧列重叠 */
}
/* 底部固定不动 */
.av__row--footer{
    position: sticky;
    bottom: 0;
    z-index:2; /* 防止与cell内容及右侧列重叠 */
}
/* 左侧第一列固定位置，更改这里的nth-child可以实现任意一列固定位置，nth-child从2开始算第一列，因为左侧有一列控制列 */
.av__row .av__cell:nth-child(2){
    position: sticky;
    left: 22.75px; /* 左侧控制列宽度 */
     /* 防止与右侧列重叠 */
    background-color:var(--av-background);
    z-index:1;
}
/* 底部计算第一列固定位置，更改这里的nth-child可以实现任意一列固定位置，nth-child从1开始算第一列 */
.av__row--footer .av__calc:nth-child(1){
    position: sticky;
    left: 0;
     /* 防止与右侧列重叠 */
    background-color:var(--av-background);
    z-index:1;
}
/* 底部计算从第2列起需加上左侧控制列的宽度 */
.av__row--footer .av__calc:nth-child(n+2) {
    left: 22.75px; /* 左侧控制列宽度 */
}

    r111.gif

    2 操作
    wilsons 在 2024-12-29 09:01:53 更新了该回帖
    wilsons 在 2024-12-29 08:18:03 更新了该回帖
  • 其他回帖
  • JeffreyChen •
    订阅者 付费者 支持者 捐赠者 先知 恶龙

    能优化一下，让主键像标题一样不动嘛

    点击字段标题，固定字段 即可

    1 回复
  • wilsons •
    付费者 捐赠者

    原来官方已经支持固定列了。

    image.png

    但官方的固定列是从固定列开始往左所有的列都固定，这有时候不是想要的结果。

    r112.gif

    我那个 css 是仅对指定的列固定，算是对官方某种场景下的补充吧。

  • wilsons • • 2 • 1 赞同 • 5 评论
    付费者 捐赠者

    为何不让数据库固定高度？且看我的 css 样式优化，这样岂不美哉？

    /* 数据库优化css */
/* 设置数据库最大高度 */
.av__scroll {
    max-height: 600px;
    overflow: auto;
}
/* 头部固定不动 */
.av__row--header{
    top: 0px;
    position: sticky;
}
/* 底部固定不动 */
.av__row--footer{
    position: sticky;
    bottom: 0;
}
/* 显示底部计算（求和等） */
.av__row--footer .av__calc,.av__row--footer.av__row--show .av__calc {
    opacity: 1
}

    【注意 ❗️】因录制减小 GIF 空间占用的需要，这个 GIF 故意调的视窗很小，实际上可根据需要设置最大高度，不会觉得视窗太小。

    r110.gif

    1 引用
    1 操作
    wilsons 在 2024-12-26 12:25:03 更新了该回帖
    可视范围太狭窄了
    AhaluYah •
    【注意 ❗️】录制需要故意高度和宽带调小的，节省 gif 占用，实际上可以设置的很大，不会感觉小。
    wilsons •
    能优化一下，让主键像标题一样不动嘛
    caoxu •
    如何像图中让数据库表格占据界面最大左右宽度？
    kuaizi •
    数据库本来就占满编辑区，左右留白是给左侧的操作按钮预留的空间，我这个图片是录制时录制的指定区域，实际上左右也有留白的。
    wilsons •
  • 查看全部回帖
caoxu
回帖
9
 帖子
10
 积分
1045

近期热议

推荐标签 标签

  • OneNote
    2 引用 • 5 回帖
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台，其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 51 关注
  • etcd

    etcd 是一个分布式、高可用的 key-value 数据存储，专门用于在分布式系统中保存关键数据。

    6 引用 • 26 回帖 • 559 关注
  • 招聘

    哪里都缺人，哪里都不缺人。

    188 引用 • 1057 回帖 • 2 关注
  • Sillot

    Insights（注意当前设置 master 为默认分支）

    汐洛彖夲肜矩阵（Sillot T☳Converbenk Matrix），致力于服务智慧新彖乄，具有彖乄驱动、极致优雅、开发者友好的特点。其中汐洛绞架（Sillot-Gibbet）基于自思源笔记（siyuan-note），前身是思源笔记汐洛版（更早是思源笔记汐洛分支），是智慧新录乄终端（多端融合，移动端优先）。

    主仓库地址：Hi-Windom/Sillot

    文档地址：sillot.db.sc.cn

    注意事项：

    1. ⚠️ 汐洛仍在早期开发阶段，尚不稳定
    2. ⚠️ 汐洛并非面向普通用户设计，使用前请了解风险
    3. ⚠️ 汐洛绞架基于思源笔记，开发者尽最大努力与思源笔记保持兼容，但无法实现 100% 兼容
    29 引用 • 25 回帖 • 152 关注
  • IBM

    IBM（国际商业机器公司）或万国商业机器公司，简称 IBM（International Business Machines Corporation），总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国，是全球最大的信息技术和业务解决方案公司，拥有全球雇员 30 多万人，业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 158 关注
  • Anytype
    3 引用 • 31 回帖 • 59 关注
  • 禅道

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

    11 引用 • 15 回帖
  • 京东

    京东是中国最大的自营式电商企业，2015 年第一季度在中国自营式 B2C 电商市场的占有率为 56.3%。2014 年 5 月，京东在美国纳斯达克证券交易所正式挂牌上市（股票代码：JD），是中国第一个成功赴美上市的大型综合型电商平台，与腾讯、百度等中国互联网巨头共同跻身全球前十大互联网公司排行榜。

    14 引用 • 102 回帖 • 260 关注
  • golang

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

    502 引用 • 1397 回帖 • 241 关注
  • SSL

    SSL（Secure Sockets Layer 安全套接层），及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 405 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • jsDelivr

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

    5 引用 • 31 回帖 • 120 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    43 引用 • 130 回帖 • 259 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 64 关注
  • ngrok

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

    7 引用 • 63 回帖 • 668 关注
  • InfluxDB

    InfluxDB 是一个开源的没有外部依赖的时间序列数据库。适用于记录度量，事件及实时分析。

    2 引用 • 123 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 770 关注
  • OnlyOffice
    4 引用 • 41 关注
  • Dubbo

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

    60 引用 • 82 回帖 • 636 关注
  • 阿里巴巴

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

    43 引用 • 221 回帖 • 11 关注
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    29 引用 • 202 回帖 • 53 关注
  • Shell

    Shell 脚本与 Windows/Dos 下的批处理相似，也就是用各类命令预先放入到一个文件中，方便一次性执行的一个程序文件，主要是方便管理员进行设置或者管理用的。但是它比 Windows 下的批处理更强大，比用其他编程程序编辑的程序效率更高，因为它使用了 Linux/Unix 下的命令。

    126 引用 • 83 回帖 • 2 关注
  • NetBeans

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

    78 引用 • 102 回帖 • 724 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 563 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 222 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 44 关注

最新标签