[css] 隐藏特定数据库块的主键列

有时候数据库不需要填写主键列，而主键原生无法隐藏。这个代码片段的效果是隐藏特定数据库块的主键列。

CSS 代码片段 01：

/* 隐藏特定数据库块的主键列 CSS片段 */
/* author by JeffreyChen https://ld246.com/article/1728354035172 */
/* 启用代码片段后，给需要隐藏主键的数据库块添加自定义属性：hide-block=true */
.protyle-wysiwyg .av[custom-hide-block=true] [data-dtype="block"] {
    display: none;
}
.protyle-wysiwyg .av[custom-hide-block=true] .av__calc[data-dtype="block"]:first-child + .av__calc {
    padding-left: 1.625em;
    box-sizing: initial;
}

使用方法：

启用代码片段后，给需要隐藏主键的数据库块添加自定义属性 hide-block=true 即可：

CSS 代码片段 02：

这个是默认隐藏所有主键列，排除自定义属性 hide-block=false 的数据库块

/* 隐藏除了特定数据库块的其他主键列 CSS片段 */
/* author by JeffreyChen https://ld246.com/article/1728354035172 */
/* 启用代码片段后，给需要保留主键的数据库块添加自定义属性：hide-block=false */
.protyle-wysiwyg .av:not([custom-hide-block=false]) [data-dtype="block"] {
    display: none;
}
.protyle-wysiwyg .av:not([custom-hide-block=false]) .av__calc[data-dtype="block"]:first-child + .av__calc {
    padding-left: 1.625em;
    box-sizing: initial;
}

使用方法：

方法基本同上，给需要保留主键的数据库块添加自定义属性 hide-block=false 即可。

关联

思源笔记数据库的主键不知道填什么了，让它空着可以吗？ - JeffreyChen 的回帖