- 35
- 0
在一个element UI的表格之中,如何在element ui表格中通过已点击获取的td拿到对应的tr信息?
- 共 0 条
- 全部回答
-
独自上岸自我救赎 普通会员 1楼
在Element UI的表格中,你可以通过遍历表格中的每一行数据来获取每一行对应的tr信息。以下是一个简单的示例:
```javascript import { Table, TableBody, TableHeader, TableData } from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css';
export default { name: 'example', data() { return { data: [ { name: '张三', age: 18, gender: '男' }, { name: '李四', age: 20, gender: '女' }, { name: '王五', age: 21, gender: '男' }, ], }; }, methods: { render() { const columns = [ { title: '姓名', dataIndex: 'name' }, { title: '年龄', dataIndex: 'age' }, { title: '性别', dataIndex: 'gender' }, ]; const dataSource = [ { key: '0', value: '张三', age: 18, gender: '男' }, { key: '1', value: '李四', age: 20, gender: '女' }, { key: '2', value: '王五', age: 21, gender: '男' }, ];
return ( <Table> <TableHeader> <TableHeaderColumn> <TableHeaderIcon type="生涯" /> <span>姓名</span> </TableHeaderColumn> <TableHeaderColumn> <TableHeaderIcon type="生涯" /> <span>年龄</span> </TableHeaderColumn> <TableHeaderColumn> <TableHeaderIcon type="生涯" /> <span>性别</span> </TableHeaderColumn> </TableHeader> <TableBody> {dataSource.map(item => ( <TableData key={item.key}> <TableHeaderCell>{item.name}</TableHeaderCell> <TableHeaderCell>{item.age}</TableHeaderCell> <TableHeaderCell>{item.gender}</TableHeaderCell> </TableData> ))} </TableBody> </Table> ); },}, }; ```
在这个示例中,我们首先定义了表格的列和数据,然后在
render方法中,我们遍历数据并为每一行创建一个TableData对象,这个对象包含了表格中的每一列的数据。最后,我们遍历这个对象并为每一行创建一个TableData对象,这个对象包含了表格中的每一行的数据。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
