MoonshotAI / MoonshotAI/kimi-code

[Web UI] Markdown 表格没有列间纵向分隔线,仅剩横向行线,宽表格难以按列阅读

Open
#3,939 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
7.5k
Forks
1.2k
Avg merge
11h 53m
Merged PRs (30d)
350

Description

你运行的 Kimi Code 版本是?

2.0.1(kimi --version

你使用的是哪个开放平台/订阅?

自定义 provider(API Key 方式)。本问题为纯前端渲染问题,与账号/订阅/模型无关,任何输出 markdown 表格的模型均可复现。

你使用的是哪个模型?

任意(复现时使用 Qwen3.8 Flash (Bailian))

你的电脑平台是?

Linux 5.15.0-78-generic x86_64 x86_64

你遇到了什么问题?

Web UI(kimi web 内置前端,即 kimi.com/code 同款)渲染的 markdown 表格只有横向的行分隔线,列与列之间没有任何纵向边框,表格外框也没有

Image

在 3 列以上的宽表格中,各列文字之间没有视觉分隔,很难按列对齐阅读(尤其单元格内容较长或换行时)。

实测证据(浏览器 DevTools / computed style):

  • TABLE.table-node 外框:border: 0px / 0px / 0px / 0px(T/R/B/L)
  • tbody td / thead thborder-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px
复现步骤?
  1. 安装并登录 Kimi Code CLI 2.0.1,在任意工作目录运行 kimi web --no-open,浏览器打开 http://127.0.0.1:58627/

  2. 新建会话,发送如下提示词:

    不要使用任何工具,直接回复一个 Markdown 表格。要求:3 列,表头是 模块 | 状态 | 说明;共 4 行数据;说明列每行写 10 个左右汉字的示例文字。

  3. 观察渲染出的表格:只有横向行线,无列间纵向线

  4. (可选)DevTools 执行以下代码验证单元格边框宽度:

    const td = document.querySelectorAll('table')[0].querySelector('tbody td');
    const c = getComputedStyle(td);
    console.log([c.borderTopWidth, c.borderRightWidth, c.borderBottomWidth, c.borderLeftWidth].join('/'));
    // 输出:0px/0px/1px/0px
    

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the Kimi web UI markdown table rendering and inspect the table, th, and td styles using the provided reproduction and DevTools checks. Confirm the current border behavior, then verify that rendered Markdown tables have clear vertical column separators and an outer border without losing the existing horizontal row lines.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.