# @cityssm/bulma-sticky-table 中文文档
规范地址：https://npmcn.com/package/%40cityssm/bulma-sticky-table/
版本：3\.0\.2
npm 元数据更新时间：2026-01-07T15:48:27.526Z
中文译文更新时间：2026-11-09T22:10:54.780Z
软件包许可：MIT
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40cityssm/bulma-sticky-table
原文对照：https://npmcn.com/package/%40cityssm/bulma-sticky-table/?lang=original
项目主页：https://github.com/cityssm/bulma-sticky-table#readme
源码仓库：https://github.com/cityssm/bulma-sticky-table
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：778 kB，6 个文件
- 模块格式：ES Module
- TypeScript 类型：未声明
- 运行依赖：0 个
- 首次发布：2021-07-02T19:40:43.894Z
- 最新版本发布：2026-01-07T15:48:27.315Z
- 近 30 天下载量：2170（2026-10-10 至 2026-11-08，npm 官方下载统计）
- 已发布版本数：13（近 12 个月 1 个）
## 中文简介
一种方便布玛的方式,可以贴上桌头,桌脚,第一列,或者全部三个!
## 安装
```sh
npm install @cityssm/bulma-sticky-table
```
也可以使用：`pnpm add @cityssm/bulma-sticky-table`、`yarn add @cityssm/bulma-sticky-table`、`bun add @cityssm/bulma-sticky-table`
## README
# bulma -- sticky -- 表格
[](https://www.npmjs.com/package/@cityssm/bulma-sticky-table) [](https://app.codacy.com/gh/cityssm/bulma-sticky-table/dashboard)
一种方便布玛的方式,可以贴上桌头,桌脚,第一列,或者全部三个!
**[见它的行动](https://cityssm.github.io/bulma-sticky-table)**
## 安装
下载一个发布, 或者从 npm 抓取代码 .
### Bulma v1 或更新
```sh
npm install @cityssm/bulma-sticky-table
```
### Bulma v. 9.4 或 更长时间
```sh
npm install @cityssm/bulma-sticky-table@2.x
```
## 使用量
创建样式表时,导入 `_sticky-table.scss` 你进口了布玛之后. 这将确保使用您的色彩定制 .
```scss
@import 'bulma/bulma';
@import '@cityssm/bulma-sticky-table/sticky-table';
```
或者,如果你使用 Bulma 没有任何定制, 您可以替换您的 Bulma 样式表 `bulma-with-sticky-tables.css`。 。 。 .
```html
```
需要CDN吗? 检查出来 [JS 交付](https://www.jsdelivr.com/package/npm/@cityssm/bulma-sticky-table)。 。 。 .
按照惯例,使用 [Bulma 表格文档](https://bulma.io/documentation/elements/table/) 作为你的向导.
然后,将以下课程的任何组合加入到您的 `` 标签.
使用 `.has-sticky-header` 贴上头部.
- 注意信头应位于 `` 标记,每个单元格应使用 `| ` 标签.
使用 `.has-sticky-footer` 贴上脚印.
- 注意脚下应位于 ` | ` 标记,每个单元格应使用 `` 标签.
使用 `.has-sticky-column` 坚持第一纵队.
- 注意每个表格行中的第一个单元格应使用 ` | ` 标签.
### 说明 `.table-container`
布尔玛人 `.table-container` 环绕 a `.table` 来帮助滚动 在大桌子旁边 基本思想是,容器改变 `overflow` CSS对容器有规定. 这会影响 `.table`坚持的能力 正如你所期望的那样.
虽然 `.has-sticky-column` 可能会像预期的那样工作, `.has-sticky-header` 财务报告和审定财务报表 `.has-sticky-footer` 可能不会。 有两个选择:
1. **删除 `.table-container` 总共**,并使用 `.table` 也一样 想要的粘性课程.
2. 添加一些额外的样式到 `.table-container` 更改垂直溢出规则 在容器上设置一个特定的高度。 下面的例子使用屏幕高度. 更小的也许更好 取决于您的申请.
```html
```
## 谢谢
[](https://bulma.io/)
灵感来自 [cSS- Tricks 上的代码](https://css-tricks.com/a-table-with-both-a-sticky-header-and-a-sticky-first-column/)。 。 。 .
## 常见问题
### @cityssm/bulma-sticky-table 是什么？
一种方便布玛的方式,可以贴上桌头,桌脚,第一列,或者全部三个\!
### 如何安装 @cityssm/bulma-sticky-table？
在项目目录运行 npm install @cityssm/bulma-sticky-table，或使用 pnpm add / yarn add / bun add。
### @cityssm/bulma-sticky-table 支持 TypeScript 吗？
该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/cityssm\_\_bulma-sticky-table 是否存在。
### @cityssm/bulma-sticky-table 支持 ESM 还是 CommonJS？
以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。
### @cityssm/bulma-sticky-table 可以商用吗？
@cityssm/bulma-sticky-table 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
### @cityssm/bulma-sticky-table 的下载量有多少？
根据 npm 官方下载统计，@cityssm/bulma-sticky-table 在 2026/10/10 – 2026/11/08 这 30 天内被下载 2,170 次，日均约 72 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @cityssm/bulma-sticky-table 还在维护吗？
最新版本 3\.0\.2 发布于 2026/01/07（10 个月前）；至今共发布 13 个版本，其中过去 12 个月发布了 1 个；首次发布于 2021/07/03。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。
|