raETable强势回归！第三个版本重磅来袭！

2022-11-05 17:06:09

raETable强势回归：释放前端开发的新潜能

前言

作为备受前端开发者青睐的开源表格组件，raETable 始终致力于为开发者提供更强大的开发体验。随着第三个版本的发布，raETable 再次全面升级，为开发者带来了令人惊喜的全新功能。

开箱即用的内置组件

raETable 第三个版本新增了多种内置组件，包括分页组件、排序组件、过滤组件和搜索组件。这些组件经过精雕细琢，不仅功能强大，而且开箱即用，即插即用。开发者无需再耗费精力开发自己的组件，只需将这些内置组件添加到表格中，即可轻松实现各种复杂功能。

自定义组件注册，打造专属表格应用

除了内置组件，raETable 第三个版本还支持开发者注册自定义组件。开发者可根据实际需求，开发出各种各样的自定义组件，并将其注册到 raETable 中。这样，开发者可在表格中自由使用这些自定义组件，打造出功能更加丰富、个性化十足的表格应用。

响应式布局，适配各种终端设备

raETable 第三个版本全面支持响应式布局。开发者只需在表格中添加简单的属性，即可让表格完美适配各种终端设备。无论是手机、平板电脑还是 PC 端，表格都能以最佳方式呈现。这大大降低了开发难度，同时提升了表格应用的用户体验。

简化的书写习惯，提升开发效率

raETable 第三个版本对书写习惯进行了优化，让代码更加简洁，开发更加轻松。开发者只需通过简单的配置，即可完成表格的各种操作，无需再编写冗长的代码。这极大地提高了开发效率，让开发者能够专注于业务逻辑的开发，构建出更出色的表格应用。

实战代码示例

import raETable from 'ra-etable';

const table = new raETable({
  el: '#table',
  data: [
    { name: 'John Doe', age: 30 },
    { name: 'Jane Doe', age: 25 },
  ],
  columns: [
    { key: 'name', title: 'Name' },
    { key: 'age', title: 'Age' },
  ],
  components: {
    pagination: true,
    sort: true,
    filter: true,
    search: true,
  },
});