{"slug":"fixedcolumntable","mode":"single","examples":[{"id":"fixedcolumntable-ex-1","title":"基础用法","titleSrc":"","desc":"","html":"<div class=\"kole-page\">\n  <h2 class=\"kole-h2\">FixedColumnTable 固定列表格</h2>\n  <p class=\"kole-desc\">列过多时左右列固定，横向滚动查看其余列，固定列带阴影分隔，支持固定表头。</p>\n  <div class=\"kole-demo\">\n    <div class=\"kole-demo__title\">宽表（左固定「姓名」，右固定「操作」）</div>\n    <div class=\"kole-fixtable-wrap\">\n      <table class=\"kole-fixtable\" id=\"fixtable\">\n        <thead>\n          <tr id=\"fixhead\"></tr>\n        </thead>\n        <tbody id=\"fixbody\"></tbody>\n      </table>\n    </div>\n    <div class=\"kole-hint\">← 向左滚动可查看被固定的左列 / 右列 →</div>\n  </div>\n</div>","preview":{"show":[[0]],"hide":[],"mode":"single"},"previewSafe":true,"previewUnsafeReasons":[],"source":"api-derived","code":{"html":"<h2>FixedColumnTable 固定列表格</h2>\n<p>列过多时左右列固定，横向滚动查看其余列，固定列带阴影分隔，支持固定表头。</p>\n<div>宽表（左固定「姓名」，右固定「操作」）</div>\n<div class=\"kole-fixtable-wrap\">\n  <table class=\"kole-fixtable\" id=\"fixtable\">\n    <thead>\n      <tr></tr>\n    </thead>\n    <tbody></tbody>\n  </table>\n</div>\n<div class=\"kole-hint\">← 向左滚动可查看被固定的左列 / 右列 →</div>","jsx":"import { KoleFixedColumnTable } from 'kole-ui/react';\n\n<KoleFixedColumnTable />","vue3":"<template>\n  <KoleFixedColumnTable />\n</template>\n\n<script setup>\nimport { KoleFixedColumnTable } from 'kole-ui/vue3';\n</script>","vue2":"<template>\n  <KoleFixedColumnTable />\n</template>\n\n<script>\nimport { KoleFixedColumnTable } from 'kole-ui/vue2';\nexport default { components: { KoleFixedColumnTable } };\n</script>"},"notes":["演示页标记只含页面结构，未含可映射的组件属性","演示页未含可映射的调用标记，本片段依据组件 API 表推导"]}]}