更新记录

0.1.1（2026-06-02） 下载此版本

优化(样式): 统一页面容器高度为100%并清理冗余样式 优化(组件): 修复多组件样式兼容问题，移除不必要的gap和display属性 优化(蓝牙插件): 完善i-ble插件类型定义和导出配置 优化(UI组件): 修复i-ui-x组件的动画和样式兼容问题

0.1.0（2026-06-02） 下载此版本

• 将 ix-table 从 i-ui-x 拆分为独立的 uni_modules 组件插件。
• 新增独立插件元数据、中文使用说明和更新日志。
• 保留列配置、排序、横向滚动、行选择、单元格合并和固定高度滚动能力。

平台兼容性

uni-app x(3.7.8)

ix-table

表格组件，用于数据表展示、列配置、排序、横向滚动、行选择、单元格合并和固定高度滚动。

插件信息

• 组件名称：ix-table
• 简介：表格组件，用于数据表展示、列配置、排序和横向滚动。
• 标签：表格 数据表 排序 列配置 横向滚动

安装

将本目录放入项目的 src/uni_modules/ix-table。UniAppX 会自动发现 components/ix-table/ix-table.uvue。

基础用法

<template>
  <ix-table
    :list="baseList"
    :columns="baseColumns"
    cellWidth="108"
    @cellClick="handleCellClick"
    @sortChange="handleSortChange"
  ></ix-table>
</template>

<script setup>
const baseColumns = [
  { title: "姓名", key: "name", width: "96", align: "center" },
  { title: "年龄", key: "age", width: "72", align: "center", sortable: true },
  { title: "地址", key: "address", width: "170", align: "center" },
  { title: "状态", key: "status", width: "90", align: "center" },
];

const baseList = [
  { key: "1", name: "林知夏", age: 34, address: "杭州 西湖区", status: "已审核" },
  { key: "2", name: "周明远", age: 27, address: "上海 浦东新区", status: "待跟进" },
];

function handleCellClick(event) {
  console.log(event);
}

function handleSortChange(event) {
  console.log(event);
}
</script>

Props

Events

Slots

Methods

无公开 Methods。

演示页面

项目演示页位于 src/subpkg/data/table/index.uvue，包含效果演示、Props 调试和 API 说明。