feat(ui,b09): 공용 표 줄 꼴 곁값 · 일위대가표 제목 굵게 · 하위 「ㄴ」(155-2)

- 공용 표 rowClass(줄) 곁값 — 본문 줄 class · 안 주면 글 그대로 · is-title 굵게
- 공용 표 칸 앞 빈칸 · 겹 빈칸 접지 않음(white-space-collapse: preserve-spaces)
- B09 일위대가표 = 머리 · 합계 굵게 · 품셈 인용 · 줄 = 들여쓰기 「ㄴ」(2단)
- 시험 test_ui_data_table 줄 꼴 · 새 test_155_b09_tabs

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015KYZ2HWWdUwZWYnn3tQz7X

ui_template/ui_template_data_table.ts

@@ -9,6 +9,7 @@
  *   열 = { key: "cut_soil_area", label: "단면적", group: ["절토", "토사"], kind: "number", decimals: 2 }
  *   고칠 칸(PLAN 121) = editable(줄, 열) 참인 칸만 글 상자 · 바꾸면 onEdit(줄, 열, 글) — 다시 그려도 커서 자리 지킴
  *   칸 누름(PLAN 144) = onCellClick(줄, 열) · 줄로 이동 = t.focusRow(줄)(스크롤 + 강조)
+ *   줄 꼴(PLAN 155-2) = rowClass(줄) → 줄 class(예 is-title 굵게) · 안 주면 글 그대로
  * ========================================================================== */
 
 import "./ui_template_data_table.css";
@@ -57,6 +58,8 @@ export interface DataTableOptions {
   editable?: (index: number, key: string) => boolean;
   /** 고친 칸 글(바꾼 뒤 · 커서가 옮겨 간 다음에 부름) */
   onEdit?: (index: number, key: string, text: string) => void;
+  /** 줄 꼴 class(본문 줄만 · 예 `is-title` = 굵게) — 빈 값이면 안 붙임 */
+  rowClass?: (index: number) => string | null | undefined;
 }
 
 export interface DataTable {
@@ -135,6 +138,7 @@ function rowHtml(
   edit: number | null = null,
   editable?: (index: number, key: string) => boolean,
   focus = false,
+  extra: string | null | undefined = null,
 ): string {
   let tr = "";
   for (let j = 0; j < cols.length; j++) {
@@ -157,11 +161,13 @@ function rowHtml(
       (fmts[j] ? ' data-num=""' : "");
     tr += `<td${attrs}>${esc(txt)}</td>`;
   }
-  const cls = [alt && "is-alt", index !== null && "is-clickable", focus && "is-focus"]
+  const cls = [alt && "is-alt", index !== null && "is-clickable", focus && "is-focus", extra]
     .filter(Boolean)
     .join(" ");
   const data = index !== null ? ` data-i="${index}"` : "";
-  return cls || data ? `<tr${cls ? ` class="${cls}"` : ""}${data}>${tr}</tr>` : `<tr>${tr}</tr>`;
+  return cls || data
+    ? `<tr${cls ? ` class="${esc(cls)}"` : ""}${data}>${tr}</tr>`
+    : `<tr>${tr}</tr>`;
 }
 
 /** 그릴 줄 구간 — 밖의 줄은 빈 줄 높이(rowH px)로만 채움 */
@@ -211,6 +217,7 @@ export function renderDataTableHtml(o: DataTableOptions, win?: RowWindow): strin
       i,
       o.editable,
       o.focus === i,
+      o.rowClass?.(i),
     );
   if (win) body += pad((n - to) * win.rowH, cols.length);
   const foot = o.total ? `<tfoot>${rowHtml(cols, fmts, left, o.total, false, blank)}</tfoot>` : "";