登录 注册

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

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

image.png

image.png

  • 思源笔记

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

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

    24853 引用 • 102256 回帖
2 收藏
7 回帖
3
420 135 2 171 4 108

相关帖子

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

欢迎来到这里！

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

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

    这个是没办法了，不过可以用 shift+ 滚轮滚动。

  • AhaluYah •
    付费者 捐赠者

    这个问题我提过，可以通过 Shift+ 鼠标滚轮来左右移动。

  • zxkmm • • 1
    付费者 支持者 捐赠者

    @participants 请期待 数据库横向滚动条插件发布 ，备注：帮我点星星可以加快我的开发进度

  • 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 •
    能优化一下，让主键像标题一样不动嘛
    MuShanPlus •
    如何像图中让数据库表格占据界面最大左右宽度？
    kuaizi •
    数据库本来就占满编辑区，左右留白是给左侧的操作按钮预留的空间，我这个图片是录制时录制的指定区域，实际上左右也有留白的。
    wilsons •
  • 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 是仅对指定的列固定，算是对官方某种场景下的补充吧。

请输入回帖内容 ...
MuShanPlus
回帖
9
 帖子
8
 积分
3076

近期热议

推荐标签 标签

  • JWT

    JWT（JSON Web Token）是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准（RFC 7519），定义了一种简洁的，自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 20 关注
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖
  • 支付宝

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

    29 引用 • 347 回帖
  • GitHub

    GitHub 于 2008 年上线，目前，除了 Git 代码仓库托管及基本的 Web 管理界面以外，还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱（报表）、代码片段分享（Gist）等功能。正因为这些功能所提供的便利，又经过长期的积累，GitHub 的用户活跃度很高，在开源世界里享有深远的声望，并形成了社交化编程文化（Social Coding）。

    210 引用 • 2040 回帖
  • flomo

    flomo 是新一代 「卡片笔记」 ，专注在碎片化时代，促进你的记录，帮你积累更多知识资产。

    6 引用 • 140 回帖 • 2 关注
  • 运维

    互联网运维工作，以服务为中心，以稳定、安全、高效为三个基本点，确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖
  • PHP

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

    179 引用 • 408 回帖 • 482 关注
  • Scala

    Scala 是一门多范式的编程语言，集成面向对象编程和函数式编程的各种特性。

    13 引用 • 11 回帖 • 158 关注
  • 锤子科技

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

    4 引用 • 31 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 528 关注
  • OpenResty

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

    17 引用 • 55 关注
  • Python

    Python 是一种面向对象、直译式电脑编程语言，具有近二十年的发展历史，成熟且稳定。它包含了一组完善而且容易理解的标准库，能够轻松完成很多常见的任务。它的语法简捷和清晰，尽量使用无异义的英语单词，与其它大多数程序设计语言使用大括号不一样，它使用缩进来定义语句块。

    556 引用 • 675 回帖
  • Quicker

    Quicker 您的指尖工具箱！操作更少，收获更多！

    36 引用 • 155 回帖 • 2 关注
  • 996

    “工作 996， 生病 ICU”

    13 引用 • 200 回帖 • 6 关注
  • Spring

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

    946 引用 • 1460 回帖 • 1 关注
  • Hprose

    Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。

    9 引用 • 17 回帖 • 619 关注
  • OnlyOffice
    4 引用 • 22 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 393 关注
  • Office

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

    5 引用 • 34 回帖
  • 书籍

    宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”

    77 引用 • 389 回帖
  • SVN

    SVN 是 Subversion 的简称，是一个开放源代码的版本控制系统，相较于 RCS、CVS，它采用了分支管理系统，它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 686 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • jQuery

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

    63 引用 • 134 回帖 • 735 关注
  • 快应用

    快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。

    15 引用 • 127 回帖 • 1 关注
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器，可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API，可通过 DOM，CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 488 关注
  • 禅道

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

    6 引用 • 15 回帖 • 31 关注
  • 单点登录

    单点登录（Single Sign On）是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖 • 4 关注

最新标签