UNPKG

tdesign-vue

Version:
919 lines 487 kB
{ "t-affix/container": { "type": "String|Function", "description": "指定滚动的容器。数据类型为 String 时,会被当作选择器处理,进行节点查询。示例:'body' 或 () => document.body\n\ndefault: () => (() => window)\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-props)" }, "t-affix/content": { "type": "String|TNode", "description": "内容\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-props)" }, "t-affix/default": { "type": "String|TNode", "description": "内容,同 content\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-props)" }, "t-affix/offset-bottom": { "type": "Number", "description": "When the distance from the bottom of the container reaches the specified distance, the trigger is fixed\n\n 距离容器底部达到指定距离后触发固定\n\ndefault: 0\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-props)" }, "t-affix/offset-top": { "type": "Number", "description": "When the distance from the top of the container reaches the specified distance, the trigger is fixed\n\n 距离容器顶部达到指定距离后触发固定\n\ndefault: 0\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-props)" }, "t-affix/z-index": { "type": "Number", "description": "固钉定位层级,样式默认为 500\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-props)" }, "t-affix/fixed-change": { "type": "event", "description": "固定状态发生变化时触发\n\n[docs](https://tdesign.tencent.com/vue/components/affix?tab=api#affix-events)" }, "t-alert/close": { "type": "event", "description": "关闭按钮点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-events)" }, "t-alert/default": { "type": "String|TNode", "description": "内容,同 message\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/icon": { "type": "TNode", "description": "图标\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/max-line": { "type": "Number", "description": "内容显示最大行数,超出的内容会折叠收起,用户点击后再展开。值为 0 表示不折叠\n\ndefault: 0\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/message": { "type": "String|TNode", "description": "内容(子元素)\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/operation": { "type": "TNode", "description": "跟在告警内容后面的操作区\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/theme": { "type": "String", "options": [ "success", "info", "warning", "error" ], "description": "组件风格\n\ndefault: info\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/title": { "type": "String|TNode", "description": "标题\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-props)" }, "t-alert/closed": { "type": "event", "description": "告警提示框关闭动画结束后触发\n\n[docs](https://tdesign.tencent.com/vue/components/alert?tab=api#alert-events)" }, "t-anchor/affix-props": { "type": "Object", "description": "透传 Affix 组件属性,即让 Anchor 组件支持所有 Affix 组件特性\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/bounds": { "type": "Number", "description": "锚点区域边界\n\ndefault: 5\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/container": { "type": "String|Function", "description": "指定滚动的容器。数据类型为 String 时,会被当作选择器处理,进行节点查询。示例:'body' 或 () => document.body\n\ndefault: () => (() => window)\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/cursor": { "type": "TNode", "description": "用于自定义选中项左侧游标\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/get-current-anchor": { "type": "Function", "description": "Custom Highlighted Anchor Points\n\n自定义高亮的锚点\t\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/size": { "type": "String", "options": [ "small", "medium", "large" ], "description": "组件尺寸,small(120px),medium(200px),large(320px)\n\ndefault: medium\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/target-offset": { "type": "Number", "description": "锚点滚动偏移量\n\ndefault: 0\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-props)" }, "t-anchor/change": { "type": "event", "description": "锚点改变时触发\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-events)" }, "t-anchor/click": { "type": "event", "description": "锚点被点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchor-events)" }, "t-anchor-item/custom-scroll": { "type": "Boolean", "description": "custom scroll effect, when set to true, clicking on an anchor link will not use JavaScript animation to smoothly scroll to the anchor target element.\n\n自定义滚动效果,为true时点击锚点链接后不会使用js动画平滑滚动到锚点目标元素\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchoritem-props)" }, "t-anchor-item/href": { "type": "String", "description": "锚点链接, 如果是 hash 模式需要加上当前 path\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchoritem-props)" }, "t-anchor-item/target": { "type": "String", "options": [ "_self", "_blank", "_parent", "_top" ], "description": "锚点文本\n\ndefault: _self\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchoritem-props)" }, "t-anchor-item/title": { "type": "String|TNode", "description": "锚点文本\n\ndefault: ''\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchoritem-props)" }, "t-anchor-target/id": { "type": "String", "description": "目标内容 id\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchortarget-props)" }, "t-anchor-target/tag": { "type": "String", "description": "渲染的标签\n\ndefault: div\n\n[docs](https://tdesign.tencent.com/vue/components/anchor?tab=api#anchortarget-props)" }, "t-aside/width": { "type": "String", "description": "侧边栏宽度。样式表(class)中定义的默认宽度为:232px\n\n[docs](https://tdesign.tencent.com/vue/components/layout?tab=api#aside-props)" }, "t-auto-complete/autofocus": { "type": "Boolean", "description": "自动获取焦点\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/borderless": { "type": "Boolean", "description": "无边框模式\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/clearable": { "type": "Boolean", "description": "是否允许清空\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/default": { "type": "String|TNode", "description": "触发显示联想词下拉框的元素,同 `triggerElement`\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/disabled": { "type": "Boolean", "description": "是否禁用\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/empty": { "type": "String|TNode", "description": "当下拉联想词列表为空时显示的内容\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/filter": { "type": "Function", "description": "自定义过滤规则,用于对现有数据进行搜索过滤,判断是否过滤某一项数据。参数 `filterWords` 表示搜索词,`option`表示单个选项内容,返回值为 `true` 保留该选项,返回值为 `false` 则隐藏该选项。使用该方法时无需设置 `filterable`\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/filterable": { "type": "Boolean", "description": "是否根据输入内容过滤联想词。默认过滤规则不区分大小写,全文本任意位置匹配。如果默认搜索规则不符合业务需求,可以更为使用 `filter` 自定义过滤规则。部分场景下输入关键词和下拉联想词完全不同,此时可以设置为 `false`\n\ndefault: true\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/highlight-keyword": { "type": "Boolean", "description": "是否高亮联想词中和输入值的相同部分\n\ndefault: true\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/input-props": { "type": "Object", "description": "透传 Input 组件全部特性\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/options": { "type": "Array", "description": "下拉联想词列表。示例一:`['联想词一', '联想词二']`。示例二:`{ label: () => <div>联想词元素</div>, text: '用于搜索的纯联想词' }`\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/panel-bottom-content": { "type": "String|TNode", "description": "面板内的底部内容\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/panel-top-content": { "type": "String|TNode", "description": "面板内的顶部内容\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/placeholder": { "type": "String", "description": "输入框为空时的占位提示。组件本身默认值为 `undefined`,但全局配置存在默认值,不同语言全局默认值不同\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/popup-props": { "type": "Object", "description": "透传 Popup 组件全部属性\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/readonly": { "type": "Boolean", "description": "是否只读\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/size": { "type": "String", "options": [ "small", "medium", "large" ], "description": "组件尺寸\n\ndefault: medium\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/status": { "type": "String", "options": [ "default", "success", "warning", "error" ], "description": "输入框状态\n\ndefault: default\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/textarea-props": { "type": "Object", "description": "透传 Textarea 组件全部特性\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/tips": { "type": "String|TNode", "description": "输入框下方提示文本,会根据不同的 `status` 呈现不同的样式\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/trigger-element": { "type": "String|TNode", "description": "触发显示联想词下拉框的元素,默认为 Input 组件,可以使用 `trigger` 自定义为 Textarea 组件或其他组件\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/value": { "type": "String", "description": "输入框的值,即当前指定的联想词\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-props)" }, "t-auto-complete/blur": { "type": "event", "description": "失去焦点时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/change": { "type": "event", "description": "输入框值发生变化时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/clear": { "type": "event", "description": "清空按钮点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/compositionend": { "type": "event", "description": "trigger on compositionend\n\n中文输入结束时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/compositionstart": { "type": "event", "description": "trigger on compositionstart\n\n中文输入开始时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/enter": { "type": "event", "description": "回车键按下时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/focus": { "type": "event", "description": "获得焦点时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-auto-complete/select": { "type": "event", "description": "选中联想词时触发\n\n[docs](https://tdesign.tencent.com/vue/components/auto-complete?tab=api#autocomplete-events)" }, "t-avatar/alt": { "type": "String", "description": "show it when url is not valid\n\n头像替换文本,仅当图片加载失败时有效\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/content": { "type": "String|TNode", "description": "content slot or props.content\n\n子元素内容\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/default": { "type": "String|TNode", "description": "default slot or props.default, same as `content`\n\n子元素内容,同 content\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/hide-on-load-failed": { "type": "Boolean", "description": "hide image when loading image failed\n\n加载失败时隐藏图片\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/icon": { "type": "TNode", "description": "use icon to fill\n\n图标\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/image": { "type": "String", "description": "images url\n\n图片地址\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/image-props": { "type": "Object", "description": "透传至 Image 组件\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/shape": { "type": "String", "options": [ "circle", "round" ], "description": "shape\n\n形状。优先级高于 AvatarGroup.shape 。Avatar 单独存在时,默认值为 circle。如果父组件 AvatarGroup 存在,默认值便由 AvatarGroup.shape 决定\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/size": { "type": "String", "description": "size\n\n尺寸,示例值:small/medium/large/24px/38px 等。优先级高于 AvatarGroup.size 。Avatar 单独存在时,默认值为 medium。如果父组件 AvatarGroup 存在,默认值便由 AvatarGroup.size 决定\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-props)" }, "t-avatar/click": { "type": "event", "description": "trigger on click\n\n点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-events)" }, "t-avatar/contextmenu": { "type": "event", "description": "trigger on context menu\n\n右键点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-events)" }, "t-avatar/error": { "type": "event", "description": "trigger on image load failed\n\n图片加载失败时触发\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-events)" }, "t-avatar/hover": { "type": "event", "description": "trigger on mouse enter\n\n鼠标移入时触发\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatar-events)" }, "t-avatar-group/cascading": { "type": "String", "options": [ "left-up", "right-up" ], "description": "multiple images cascading\n\n图片之间的层叠关系,可选值:左侧图片在上和右侧图片在上\n\ndefault: 'right-up'\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-props)" }, "t-avatar-group/collapse-avatar": { "type": "String|TNode", "description": "头像数量超出时,会出现一个头像折叠元素。该元素内容可自定义。默认为 `+N`。示例:`+5`,`...`, `更多`\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-props)" }, "t-avatar-group/max": { "type": "Number", "description": "能够同时显示的最多头像数量\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-props)" }, "t-avatar-group/popup-props": { "type": "Object", "description": "头像右上角提示信息\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-props)" }, "t-avatar-group/shape": { "type": "String", "options": [ "circle", "round" ], "description": "shape\n\n形状。优先级低于 Avatar.shape\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-props)" }, "t-avatar-group/size": { "type": "String", "description": "size\n\n尺寸,示例值:small/medium/large/24px/38px 等。优先级低于 Avatar.size\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-props)" }, "t-avatar-group/collapsed-item-click": { "type": "event", "description": "点击头像折叠元素触发\n\n[docs](https://tdesign.tencent.com/vue/components/avatar?tab=api#avatargroup-events)" }, "t-back-top/container": { "type": "String|Function", "description": "监听滚动的容器。数据类型为 String 时,会被当作选择器处理,进行节点查询。示例:'body' 或 () => document.body\n\ndefault: 'body'\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/content": { "type": "String|TNode", "description": "Backtop's children elements\n\n回到顶部内容\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/default": { "type": "String|TNode", "description": "Backtop's children elements, same as `content`\n\n回到顶部内容,同 `content`\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/duration": { "type": "Number", "description": "回到顶部的耗时单位:毫秒\n\ndefault: 200\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/offset": { "type": "Array", "description": "回到顶部相对右下角的位置偏移,示例:[10, 20] 或 ['10em', '8rem']\n\ndefault: [\"24px\", \"80px\"]\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/shape": { "type": "String", "options": [ "circle", "square" ], "description": "shape of BackTop element\n\n回到顶部的形状\n\ndefault: square\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/size": { "type": "String", "options": [ "medium", "small" ], "description": "size of BackTop\n\n组件尺寸\n\ndefault: medium\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/target": { "type": "String|Function", "description": "指定回到该对象。数据类型为 String 时,会被当作选择器处理,进行节点查询。示例:'body' 或 () => document.body\n\ndefault: 'body'\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/theme": { "type": "String", "options": [ "light", "primary", "dark" ], "description": "theme of BackTop\n\n组件主题风格,浅色、主色、深色\n\ndefault: light\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/visible-height": { "type": "String|Number", "description": "滚动高度达到此参数值才出现\n\ndefault: '200px'\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-props)" }, "t-back-top/click": { "type": "event", "description": "点击回到顶部时触发\n\n[docs](https://tdesign.tencent.com/vue/components/back-top?tab=api#backtop-events)" }, "t-badge/color": { "type": "String", "description": "颜色\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/content": { "type": "String|TNode", "description": "徽标内容\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/count": { "type": "String|Number|TNode", "description": "徽标右上角内容。可以是数字,也可以是文字。如:'new'/3/99+\n\ndefault: 0\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/default": { "type": "String|TNode", "description": "徽标内容,默认插槽,同 content\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/dot": { "type": "Boolean", "description": "是否为红点\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/max-count": { "type": "Number", "description": "封顶的数字值\n\ndefault: 99\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/offset": { "type": "Array", "description": "设置状态点的位置偏移,示例:[-10, 20] 或 ['10em', '8rem']\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/shape": { "type": "String", "options": [ "circle", "round" ], "description": "形状\n\ndefault: circle\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/show-zero": { "type": "Boolean", "description": "当数值为 0 时,是否展示徽标\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-badge/size": { "type": "String", "options": [ "small", "medium" ], "description": "尺寸\n\ndefault: medium\n\n[docs](https://tdesign.tencent.com/vue/components/badge?tab=api#badge-props)" }, "t-base-table/active-row-keys": { "type": "Array", "description": "keys of highlight rows, used to mock area selection behavior, just like macOS or windows area selection\n\n高亮行,支持鼠标键盘操作(Shift)连续高亮行,可用于处理行选中等批量操作,模拟操作系统区域选择行为\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/active-row-keys": { "type": "Array", "description": "keys of highlight rows, used to mock area selection behavior, just like macOS or windows area selection\n\n高亮行,支持鼠标键盘操作(Shift)连续高亮行,可用于处理行选中等批量操作,模拟操作系统区域选择行为\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/active-row-type": { "type": "String", "description": "make nodes can be highlight on clicked\n\n默认不会高亮点击行,`activeRowType=single` 表示鼠标点击仅允许同时高亮一行,Shift 键盘操作加鼠标操作依然可以高亮多行,因为这属于明显的区域选择行为。`activeRowType= multiple ` 表示允许鼠标点击同时高亮多行\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/active-row-type": { "type": "String", "description": "make nodes can be highlight on clicked\n\n默认不会高亮点击行,`activeRowType=single` 表示鼠标点击仅允许同时高亮一行,Shift 键盘操作加鼠标操作依然可以高亮多行,因为这属于明显的区域选择行为。`activeRowType= multiple ` 表示允许鼠标点击同时高亮多行\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/allow-resize-column-width": { "type": "Boolean", "description": "allow to resize column width\n\n是否允许调整列宽。请更为使用 `resizable`\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/allow-resize-column-width": { "type": "Boolean", "description": "allow to resize column width\n\n是否允许调整列宽。请更为使用 `resizable`\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/attach": { "type": "String|Function", "description": "elements with popup would be attached to `attach`\n\n超出省略等所有浮层元素统一绑定到 `attach`,可根据实际情况调整挂载元素\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/attach": { "type": "String|Function", "description": "elements with popup would be attached to `attach`\n\n超出省略等所有浮层元素统一绑定到 `attach`,可根据实际情况调整挂载元素\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/bordered": { "type": "Boolean", "description": "show table bordered\n\n是否显示表格边框\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/bordered": { "type": "Boolean", "description": "show table bordered\n\n是否显示表格边框\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/bottom-content": { "type": "String|TNode", "description": "表格底部内容,可以用于自定义列设置等\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/bottom-content": { "type": "String|TNode", "description": "表格底部内容,可以用于自定义列设置等\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/cell-empty-content": { "type": "String|TNode", "description": "单元格数据为空时呈现的内容\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/cell-empty-content": { "type": "String|TNode", "description": "单元格数据为空时呈现的内容\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/columns": { "type": "Array", "description": "table column configs\n\n列配置,泛型 T 指表格数据类型\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/columns": { "type": "Array", "description": "table column configs\n\n列配置,泛型 T 指表格数据类型\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/data": { "type": "Array", "description": "table data\n\n数据源,泛型 T 指表格数据类型\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/data": { "type": "Array", "description": "table data\n\n数据源,泛型 T 指表格数据类型\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/disable-data-page": { "type": "Boolean", "description": "是否禁用本地数据分页。当 `data` 数据长度超过分页大小时,会自动进行本地数据分页。如果 `disableDataPage` 设置为 true,则无论何时,都不会进行本地数据分页\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/disable-data-page": { "type": "Boolean", "description": "是否禁用本地数据分页。当 `data` 数据长度超过分页大小时,会自动进行本地数据分页。如果 `disableDataPage` 设置为 true,则无论何时,都不会进行本地数据分页\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/disable-space-inactive-row": { "type": "Boolean", "description": "can not set row to be inactive with Space keydown\n\n默认重复按下 Space 键可取消当前行高亮,是否禁用取消\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/disable-space-inactive-row": { "type": "Boolean", "description": "can not set row to be inactive with Space keydown\n\n默认重复按下 Space 键可取消当前行高亮,是否禁用取消\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/empty": { "type": "String|TNode", "description": "empty text or empty element\n\n空表格呈现样式,支持全局配置 `GlobalConfigProvider`\n\ndefault: ''\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/empty": { "type": "String|TNode", "description": "empty text or empty element\n\n空表格呈现样式,支持全局配置 `GlobalConfigProvider`\n\ndefault: ''\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/first-full-row": { "type": "String|TNode", "description": "首行内容,横跨所有列\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/first-full-row": { "type": "String|TNode", "description": "首行内容,横跨所有列\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/fixed-rows": { "type": "Array", "description": "固定行(冻结行),示例:[M, N],表示冻结表头 M 行和表尾 N 行。M 和 N 值为 0 时,表示不冻结行\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/fixed-rows": { "type": "Array", "description": "固定行(冻结行),示例:[M, N],表示冻结表头 M 行和表尾 N 行。M 和 N 值为 0 时,表示不冻结行\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/foot-data": { "type": "Array", "description": "table foot data\n\n表尾数据源,泛型 T 指表格数据类型\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/foot-data": { "type": "Array", "description": "table foot data\n\n表尾数据源,泛型 T 指表格数据类型\n\ndefault: []\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/footer-affix-props": { "type": "Object", "description": "affix props\n\n请更为使用 `footerAffixedBottom`。表尾吸底基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/footer-affix-props": { "type": "Object", "description": "affix props\n\n请更为使用 `footerAffixedBottom`。表尾吸底基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/footer-affixed-bottom": { "type": "Boolean|Object", "description": "affix foot to viewport bottom\n\n表尾吸底。使用该功能,需要非常注意表格是相对于哪一个父元素进行滚动。值为 `true`,则表示相对于整个窗口吸底。如果表格滚动的父元素不是整个窗口,请通过 `footerAffixedBottom.container` 调整固钉的吸顶范围。基于 Affix 组件开发,透传全部 Affix 组件属性\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/footer-affixed-bottom": { "type": "Boolean|Object", "description": "affix foot to viewport bottom\n\n表尾吸底。使用该功能,需要非常注意表格是相对于哪一个父元素进行滚动。值为 `true`,则表示相对于整个窗口吸底。如果表格滚动的父元素不是整个窗口,请通过 `footerAffixedBottom.container` 调整固钉的吸顶范围。基于 Affix 组件开发,透传全部 Affix 组件属性\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/footer-summary": { "type": "String|TNode", "description": "footer summary content\n\n表尾总结行\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/footer-summary": { "type": "String|TNode", "description": "footer summary content\n\n表尾总结行\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/header-affix-props": { "type": "Object", "description": "affix props\n\n请更为使用 `headerAffixedTop`。表头吸顶基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/header-affix-props": { "type": "Object", "description": "affix props\n\n请更为使用 `headerAffixedTop`。表头吸顶基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/header-affixed-top": { "type": "Boolean|Object", "description": "affix header to viewport top\n\n表头吸顶。使用该功能,需要非常注意表格是相对于哪一个父元素进行滚动。值为 `true`,表示相对于整个窗口吸顶。如果表格滚动的父元素不是整个窗口,请通过 `headerAffixedTop.container` 调整吸顶的位置。基于 Affix 组件开发,透传全部 Affix 组件属性\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/header-affixed-top": { "type": "Boolean|Object", "description": "affix header to viewport top\n\n表头吸顶。使用该功能,需要非常注意表格是相对于哪一个父元素进行滚动。值为 `true`,表示相对于整个窗口吸顶。如果表格滚动的父元素不是整个窗口,请通过 `headerAffixedTop.container` 调整吸顶的位置。基于 Affix 组件开发,透传全部 Affix 组件属性\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/height": { "type": "String|Number", "description": "table height\n\n表格高度,超出后会出现滚动条。示例:100, '30%', '300'。值为数字类型,会自动加上单位 px。如果不是绝对固定表格高度,建议使用 `maxHeight`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/height": { "type": "String|Number", "description": "table height\n\n表格高度,超出后会出现滚动条。示例:100, '30%', '300'。值为数字类型,会自动加上单位 px。如果不是绝对固定表格高度,建议使用 `maxHeight`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/horizontal-scroll-affixed-bottom": { "type": "Boolean|Object", "description": "affix props\n\n滚动条吸底。基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/horizontal-scroll-affixed-bottom": { "type": "Boolean|Object", "description": "affix props\n\n滚动条吸底。基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/hover": { "type": "Boolean", "description": "show hover style\n\n是否显示鼠标悬浮状态\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/hover": { "type": "Boolean", "description": "show hover style\n\n是否显示鼠标悬浮状态\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/keyboard-row-hover": { "type": "Boolean", "description": "make table row to be hover by keydown ArrowUp/ArrowDown\n\n键盘操作行显示悬浮效果,一般用于键盘操作行选中、行展开、行高亮等功能\n\ndefault: true\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/keyboard-row-hover": { "type": "Boolean", "description": "make table row to be hover by keydown ArrowUp/ArrowDown\n\n键盘操作行显示悬浮效果,一般用于键盘操作行选中、行展开、行高亮等功能\n\ndefault: true\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/last-full-row": { "type": "String|TNode", "description": "尾行内容,横跨所有列\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/last-full-row": { "type": "String|TNode", "description": "尾行内容,横跨所有列\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/lazy-load": { "type": "Boolean", "description": "load table content when it entering the visible area, all elements in table are not rendered before it become visible\n\n是否启用整个表格元素的懒加载,当页面滚动到可视区域后再渲染表格。注意和表格内部行滚动懒加载的区别,内部行滚动无论表格是否在可视区域都会默认渲染第一屏的行元素\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/lazy-load": { "type": "Boolean", "description": "load table content when it entering the visible area, all elements in table are not rendered before it become visible\n\n是否启用整个表格元素的懒加载,当页面滚动到可视区域后再渲染表格。注意和表格内部行滚动懒加载的区别,内部行滚动无论表格是否在可视区域都会默认渲染第一屏的行元素\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/loading": { "type": "Boolean|TNode", "description": "loading state table\n\n加载中状态。值为 `true` 会显示默认加载中样式,可以通过 Function 和 插槽 自定义加载状态呈现内容和样式。值为 `false` 则会取消加载状态\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/loading": { "type": "Boolean|TNode", "description": "loading state table\n\n加载中状态。值为 `true` 会显示默认加载中样式,可以通过 Function 和 插槽 自定义加载状态呈现内容和样式。值为 `false` 则会取消加载状态\n\ndefault: undefined\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/loading-props": { "type": "Object", "description": "透传加载组件全部属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/loading-props": { "type": "Object", "description": "透传加载组件全部属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/locale": { "type": "Object", "description": "table locale config\n\n语言配置\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/locale": { "type": "Object", "description": "table locale config\n\n语言配置\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/max-height": { "type": "String|Number", "description": "table max height\n\n表格最大高度,超出后会出现滚动条。示例:100, '30%', '300'。值为数字类型,会自动加上单位 px\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/max-height": { "type": "String|Number", "description": "table max height\n\n表格最大高度,超出后会出现滚动条。示例:100, '30%', '300'。值为数字类型,会自动加上单位 px\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/pagination": { "type": "Object", "description": "you can use all props of pagination component with paginationProps\n\n分页配置,值为空则不显示。具体 API 参考分页组件。当 `data` 数据长度超过分页大小时,会自动对本地数据 `data` 进行排序,如果不希望对于 `data` 进行排序,可以设置 `disableDataPage = true`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/pagination": { "type": "Object", "description": "you can use all props of pagination component with paginationProps\n\n分页配置,值为空则不显示。具体 API 参考分页组件。当 `data` 数据长度超过分页大小时,会自动对本地数据 `data` 进行排序,如果不希望对于 `data` 进行排序,可以设置 `disableDataPage = true`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/pagination-affixed-bottom": { "type": "Boolean|Object", "description": "affix props\n\n分页吸底。基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/pagination-affixed-bottom": { "type": "Boolean|Object", "description": "affix props\n\n分页吸底。基于 Affix 组件开发,透传全部 Affix 组件属性\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/resizable": { "type": "Boolean", "description": "allow to resize column width, set `tableLayout=fixed` would be better\n\n是否允许调整列宽,设置 `tableLayout=fixed` 效果更友好,此时不允许通过 CSS 设置 `table`元素宽度,也不允许设置 `tableContentWidth`。一般不建议在列宽调整场景使用 `tableLayout: auto`。如果想要配置宽度可调整的最小值和最大值,请使用 `column.resize`,示例:`columns: [{ resize: { minWidth: 120, maxWidth: 300 } }]`。<br/> 默认规则:因列宽超出存在横向滚动条时,列宽调整仅影响当前列宽和总列宽;表格列较少没有横向滚动条时,列宽调整表现为自身宽度和相邻宽度变化\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/resizable": { "type": "Boolean", "description": "allow to resize column width, set `tableLayout=fixed` would be better\n\n是否允许调整列宽,设置 `tableLayout=fixed` 效果更友好,此时不允许通过 CSS 设置 `table`元素宽度,也不允许设置 `tableContentWidth`。一般不建议在列宽调整场景使用 `tableLayout: auto`。如果想要配置宽度可调整的最小值和最大值,请使用 `column.resize`,示例:`columns: [{ resize: { minWidth: 120, maxWidth: 300 } }]`。<br/> 默认规则:因列宽超出存在横向滚动条时,列宽调整仅影响当前列宽和总列宽;表格列较少没有横向滚动条时,列宽调整表现为自身宽度和相邻宽度变化\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/row-attributes": { "type": "Object|Array|Function", "description": "`tr` attributes\n\nHTML 标签 `tr` 的属性。类型为 Function 时,参数说明:`params.row` 表示行数据;`params.rowIndex` 表示行下标;`params.type=body` 表示属性作用于 `tbody` 中的元素;`params.type=foot` 表示属性作用于 `tfoot` 中的元素。<br />示例一:{ draggable: true },<br />示例二:[{ draggable: true }, { title: '超出省略显示' }]。<br /> 示例三:() => [{ draggable: true }]\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/row-attributes": { "type": "Object|Array|Function", "description": "`tr` attributes\n\nHTML 标签 `tr` 的属性。类型为 Function 时,参数说明:`params.row` 表示行数据;`params.rowIndex` 表示行下标;`params.type=body` 表示属性作用于 `tbody` 中的元素;`params.type=foot` 表示属性作用于 `tfoot` 中的元素。<br />示例一:{ draggable: true },<br />示例二:[{ draggable: true }, { title: '超出省略显示' }]。<br /> 示例三:() => [{ draggable: true }]\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/row-class-name": { "type": "String|Object|Array|Function", "description": "table `th` classname\n\n行类名,泛型 T 指表格数据类型。`params.row` 表示行数据;`params.rowIndex` 表示行下标;`params.type=body` 表示类名作用于 `tbody` 中的元素;`params.type= tfoot` 表示类名作用于 `tfoot` 中的元素\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/row-class-name": { "type": "String|Object|Array|Function", "description": "table `th` classname\n\n行类名,泛型 T 指表格数据类型。`params.row` 表示行数据;`params.rowIndex` 表示行下标;`params.type=body` 表示类名作用于 `tbody` 中的元素;`params.type= tfoot` 表示类名作用于 `tfoot` 中的元素\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/row-key": { "type": "String", "description": "unique key for each row data\n\n唯一标识一行数据的字段名,来源于 `data` 中的字段。如果是字段嵌套多层,可以设置形如 `item.a.id` 的方法\n\ndefault: 'id'\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/row-key": { "type": "String", "description": "unique key for each row data\n\n唯一标识一行数据的字段名,来源于 `data` 中的字段。如果是字段嵌套多层,可以设置形如 `item.a.id` 的方法\n\ndefault: 'id'\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/rowspan-and-colspan": { "type": "Function", "description": "rowspan and colspan\n\n用于自定义合并单元格,泛型 T 指表格数据类型。示例:`({ row, col, rowIndex, colIndex }) => { rowspan: 2, colspan: 3 }`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/rowspan-and-colspan": { "type": "Function", "description": "rowspan and colspan\n\n用于自定义合并单元格,泛型 T 指表格数据类型。示例:`({ row, col, rowIndex, colIndex }) => { rowspan: 2, colspan: 3 }`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/rowspan-and-colspan-in-footer": { "type": "Function", "description": "rowspan and colspan for footer\n\n用于自定义表尾的合并单元格,泛型 T 指表格数据类型。示例:`({ row, col, rowIndex, colIndex }) => { rowspan: 2, colspan: 3 }`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/rowspan-and-colspan-in-footer": { "type": "Function", "description": "rowspan and colspan for footer\n\n用于自定义表尾的合并单元格,泛型 T 指表格数据类型。示例:`({ row, col, rowIndex, colIndex }) => { rowspan: 2, colspan: 3 }`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/scroll": { "type": "event", "description": "trigger on table content scroll\n\n表格内容滚动时触发\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/scroll": { "type": "event", "description": "trigger on table content scroll\n\n表格内容滚动时触发\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/show-header": { "type": "Boolean", "description": "show table header\n\n是否显示表头\n\ndefault: true\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/show-header": { "type": "Boolean", "description": "show table header\n\n是否显示表头\n\ndefault: true\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/size": { "type": "String", "options": [ "small", "medium", "large" ], "description": "table size, support `GlobalConfigProvider`, default value is `medium`\n\n表格尺寸,支持全局配置 `GlobalConfigProvider`,默认全局配置值为 `medium`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/size": { "type": "String", "options": [ "small", "medium", "large" ], "description": "table size, support `GlobalConfigProvider`, default value is `medium`\n\n表格尺寸,支持全局配置 `GlobalConfigProvider`,默认全局配置值为 `medium`\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/stripe": { "type": "Boolean", "description": "show stripe style\n\n是否显示斑马纹\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/stripe": { "type": "Boolean", "description": "show stripe style\n\n是否显示斑马纹\n\ndefault: false\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/table-content-width": { "type": "String", "description": "表格内容的总宽度,注意不是表格可见宽度。主要应用于 `table-layout: auto` 模式下的固定列显示。`tableContentWidth` 内容宽度的值必须大于表格可见宽度\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/table-content-width": { "type": "String", "description": "表格内容的总宽度,注意不是表格可见宽度。主要应用于 `table-layout: auto` 模式下的固定列显示。`tableContentWidth` 内容宽度的值必须大于表格可见宽度\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/table-layout": { "type": "String", "options": [ "auto", "fixed" ], "description": "table-layout css properties, [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout). set value to be `fixed` on `resizable=true` please\n\n表格布局方式,`<table>` 元素原生属性。[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout)。注意,在列宽调整下场景只能使用 `fixed` 模式\n\ndefault: fixed\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/table-layout": { "type": "String", "options": [ "auto", "fixed" ], "description": "table-layout css properties, [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout). set value to be `fixed` on `resizable=true` please\n\n表格布局方式,`<table>` 元素原生属性。[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout)。注意,在列宽调整下场景只能使用 `fixed` 模式\n\ndefault: fixed\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/top-content": { "type": "String|TNode", "description": "表格顶部内容,可以用于自定义列设置、顶部查询条件等\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/top-content": { "type": "String|TNode", "description": "表格顶部内容,可以用于自定义列设置、顶部查询条件等\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/vertical-align": { "type": "String", "options": [ "top", "middle", "bottom" ], "description": "vertical align\n\n行内容上下方向对齐\n\ndefault: middle\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-props)" }, "t-table/vertical-align": { "type": "String", "options": [ "top", "middle", "bottom" ], "description": "vertical align\n\n行内容上下方向对齐\n\ndefault: middle\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-props)" }, "t-base-table/active-change": { "type": "event", "description": "trigger on row active change\n\n高亮行发生变化时触发,泛型 T 指表格数据类型。参数 `activeRowList` 表示所有高亮行数据, `currentRowData` 表示当前操作行数据\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/active-change": { "type": "event", "description": "trigger on row active change\n\n高亮行发生变化时触发,泛型 T 指表格数据类型。参数 `activeRowList` 表示所有高亮行数据, `currentRowData` 表示当前操作行数据\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/active-row-action": { "type": "event", "description": "keyboard operation event actions. used to mock selection behavior, just like macOS or windows\n\n键盘操作事件。开启行高亮功能后,会自动开启键盘操作功能,如:通过键盘(Shift)或鼠标操作连续选中高亮行时触发,一般用于处理行选中等批量操作,模拟操作系统区域选择行为\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/active-row-action": { "type": "event", "description": "keyboard operation event actions. used to mock selection behavior, just like macOS or windows\n\n键盘操作事件。开启行高亮功能后,会自动开启键盘操作功能,如:通过键盘(Shift)或鼠标操作连续选中高亮行时触发,一般用于处理行选中等批量操作,模拟操作系统区域选择行为\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/cell-click": { "type": "event", "description": "trigger on cell clicked\n\n单元格点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/cell-click": { "type": "event", "description": "trigger on cell clicked\n\n单元格点击时触发\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/column-resize-change": { "type": "event", "description": "列调整大小之后触发。`context.columnsWidth` 表示操作后各个列的宽度;\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/column-resize-change": { "type": "event", "description": "列调整大小之后触发。`context.columnsWidth` 表示操作后各个列的宽度;\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/page-change": { "type": "event", "description": "trigger on pagination changing\n\n分页发生变化时触发。参数 newDataSource 表示分页后的数据。本地数据进行分页时,newDataSource 和源数据 data 会不一样。泛型 T 指表格数据类型\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/page-change": { "type": "event", "description": "trigger on pagination changing\n\n分页发生变化时触发。参数 newDataSource 表示分页后的数据。本地数据进行分页时,newDataSource 和源数据 data 会不一样。泛型 T 指表格数据类型\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/row-click": { "type": "event", "description": "trigger on row click\n\n行点击时触发,泛型 T 指表格数据类型\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#basetable-events)" }, "t-table/row-click": { "type": "event", "description": "trigger on row click\n\n行点击时触发,泛型 T 指表格数据类型\n\n[docs](https://tdesign.tencent.com/vue/components/table?tab=api#primarytable-events)" }, "t-base-table/row-