overflow-y: scroll; 还有一个会影响高度计算的,默认的空样式会导致表格渲染数据前高度不为零,vxe-table--empty-block直接去掉 display: none; 变量 首先需要几个变量 list: [],//表格原始数据cacheCount:20,//缓存的数据量tableHeight:0,//表格高度,即可滚动的高度cssList: [],//行样式列表,记录行高、top...
当数据为空时,通过 expty-text 设置空数据提示文本 <vxe-table expty-text="没有更多数据了" :data="tableData"></vxe-table> 方式二:通过在标签内使用 插槽的方式自定义提示语 <vxe-table border :loading="loading" :data="tableData"> <template #empty> <div style="color: #f60;"> <img src...
方式一: 在标签上设置属性 当数据为空时,通过 expty-text 设置空数据提示文本 <vxe-table expty-text="没有更多数据了" :data="tableData"></vxe-table> 1. 方式二:通过在标签内使用 插槽的方式自定义提示语 <vxe-table border :loading="loading" :data="tableData"> <template #empty> <div style=...
<vxe-table-column field="address" title="Address" show-overflow></vxe-table-column> <template v-slot:empty> <span style="color: red;"> <img src="static/other/img2.gif"> <p>没有更多数据了!</p> </span> </template> </vxe-table> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11....
function createEmptyRender() { return function (renderOpts: VxeGlobalRendererHandles.RenderEmptyOptions) { return function (renderOpts: VxeGlobalRendererHandles.RenderTableEmptyOptions) { const { name, attrs, props } = renderOpts; const Component = getComponent(name); @@ -23,5 +23,5 @@ functio...
empty: '(空值)', reError: '无效的正则表达式', recordCount: '已找到 {0} 个单元格', notCell: '找不到匹配的单元格', replaceSuccess: '成功替换 {0} 个单元格' } }, filterComplexInput: { menus: { fixedColumn: '锁定列', fixedGroup: '锁定组', cancelFixed: '取消锁定', fixedLeft: '...
<!-- 引入样式 --><linkrel="stylesheet"href="https://unpkg.com/vxe-table@next/lib/style.css"><!-- 引入脚本 --><scriptsrc="https://unpkg.com/xe-utils"></script><scriptsrc="https://unpkg.com/vxe-table@next"></script> 示例 ...
542 .vxe-table--empty-block { 543 min-height: $vxe-table-row-height-medium; 544 } 545 .vxe-header--column, 546 .vxe-body--column, 547 .vxe-footer--column { 548 &:not(.col--ellipsis) { 549 padding: #{floor(($vxe-table-row-height-medium - $vxe-table-row-line-height...
232 emptyRender?: TableEmptyRender; 233 animat?: boolean; 234 delayHover?: number; 235 /** 236 * 横向虚拟滚动配置 237 */ 238 scrollX?: { 239 /** 240 * 指定大于指定列时自动启动横向虚拟滚动,如果为 0 则总是启用,如果为 -1 则关闭 241 */ 242 gt?: number; 243 /*...
基于vxe-table扩展,功能更强大,配置更便捷,内置18种渲染器,灵活配置,足以满足您的业务需求! 完全兼容vxe-table原有组件及功能,完全可以自主扩展更多的自定义组件 组件 自封装组件,不依赖其他ui框架 默认全局安装: ShAlert, ShBadge, ShCard, ShCodeEditor, ShCol, ShCorner, ShCountTo, ShDrawer, ShEmpty, Sh...