RJ 完整表格

RJ 完整表格是一个用于创建漂亮、可交互的表格的 JavaScript 库。它可以在网页上展示数据并允许用户进行排序、搜索和过滤等操作。该库包括以下功能：

• 排序：可以通过单击表头来按照列进行排序，支持多列排序和自定义排序规则。
• 搜索：可以在表格中搜索数据，支持模糊搜索和正则表达式搜索。
• 过滤：可以通过选择或输入值来过滤表格数据，支持多个过滤条件组合。
• 分页：可以将表格数据分页显示，支持自定义每页显示数量和分页样式。
• 编辑：可以对表格数据进行编辑、新增和删除等操作，支持自定义验证规则。

如何使用

1. 在 HTML 中引入 RJ 完整表格库：

<link rel="stylesheet" href="path/to/rj-complete-table.css">
<script src="path/to/rj-complete-table.js"></script>

2. 在 JavaScript 中创建表格实例：

// 初始化数据
var data = [
  {name: '小明', age: 20, gender: '男'},
  {name: '小红', age: 18, gender: '女'},
  {name: '小刚', age: 22, gender: '男'},
  // ...
];

// 初始化表格
var table = new RJTable({
  container: '#table-container',  // 表格容器选择器
  data: data,                      // 表格数据
  columns: [                       // 表格列定义
    {field: 'name', title: '姓名'},
    {field: 'age', title: '年龄', sortable: true},
    {field: 'gender', title: '性别'},
    // ...
  ],
  plugins: [                       // 表格插件列表
    RJTable.plugins.sortable(),    // 排序插件
    RJTable.plugins.filterable(),  // 过滤插件
    RJTable.plugins.paginatable()  // 分页插件
  ]
});

3. 在 HTML 中添加表格容器：

<div id="table-container"></div>

支持的数据类型

RJ 完整表格支持以下数据类型：

• 字符串：将被当做普通文本展示。
• 数字：右对齐展示，并支持排序。
• 布尔值：将被当做复选框或单选框展示。
• 对象：将被当做 JSON 展示。
• 函数：将被执行并展示返回结果。
• null 和 undefined：将被当做空白展示。

支持的插件

RJ 完整表格支持以下插件：

• 排序插件：允许按照某列排序。
• 搜索插件：允许搜索表格数据。
• 过滤插件：允许按照某些条件过滤表格数据。
• 分页插件：允许将数据分页显示，支持上一页、下一页、跳转等操作。
• 编辑插件：允许对表格数据进行编辑、新增和删除等操作，提供自定义验证规则和事件钩子。

完整文档

请查看 RJ 完整表格文档 获取更多细节和示例。