naiveUI的数据表基础

NaiveUI是一个轻量级的前端UI框架，提供了简单易用的界面组件，其中包括数据表格(Data Table)。NaiveUI的数据表格是一种用于展示和操作大量数据的组件，它支持动态数据绑定、列可排序、行选择、分页、搜索过滤等功能。

基础使用包括以下几个关键点：

1. **创建表格**: 首先，在HTML中添加一个`<n-data-table>`元素，然后通过JavaScript初始化并配置数据源。

<n-data-table :data="tableData" @selected="handleRowSelect">
  <!-- 表头配置 -->
</n-data-table>

2. **配置数据源** (`tableData`): 这是一个数组，每个元素代表一行数据，可以包含多个字段。

3. **列定义** (header): 在表格头部使用`<n-th>`元素定义列标题，可以通过`field`属性关联数据字段。

4. **属性设置**: 可以设置`row-class-name`、`loading`、`pagination`等属性以控制行样式、数据加载和分页。

5. **事件处理**: `@selected`是选中行事件，`handleRowSelect`函数接收被选中的行数据。

相关问题：
1. NaiveUI数据表如何设置列宽和自适应列宽？
2. 如何在NaiveUI数据表中实现过滤和搜索功能？
3. 数据表格的`@cell-click`事件是如何使用的？