小程序怎么制作名字表格

3. 在对应的 WXSS 文件中，设置表格的样式，如边框、宽度、高度等。

示例代码：

index.wxml:

```html

```

index.wxss:

```css

.table {

border: 1px solid ccc；

width: 100%；

border-collapse: collapse；

}

.tr {

height: 40px；

display: flex；

align-items: center；

justify-content: center；

}

.td {

border-right: 1px solid ccc；

width: 33.33%；

text-align: center；

}

```

方法二：使用第三方插件

如果需要更复杂的表格功能，可以使用第三方插件，如 `wx-tables`。

1. 在微信小程序项目中安装 `wx-tables` 插件：

```bash

npm install wx-tables --save

```

2. 在页面的 JS 文件中引入并使用 `wx-tables`：

```javascript

import wxTables from 'wx-tables'；

Page（{

data: {

tableData: [

{ name: '名字1' },

{ name: '名字2' },

{ name: '名字3' },

// 更多数据...

],

},

onLoad: function （） {

const table = new wxTables（{

canvasId: 'tableCanvas',

columns: [

{ key: 'name', title: '名字' },

],

data: this.data.tableData,

width: 320,

height: 400,

}）；

},

}）；

```

3. 在页面的 WXML 文件中添加一个 `canvas` 组件用于渲染表格：

```html

```

通过以上方法，你可以在微信小程序中制作出名字表格。选择哪种方法取决于你的具体需求和开发经验。