element ui table 用render函数排序失效
时间: 2023-07-12 15:29:08 浏览: 108
vue+element+table+render+slot
如果你使用 Element UI 的 Table 组件和 render 函数来自定义表格列,但是排序功能失效了,有可能是因为你没有正确地使用 sortable 属性。你需要在 render 函数中的对应列中设置 sortable 属性为 true,例如:
```javascript
{
label: '姓名',
prop: 'name',
sortable: true,
render: (h, { row }) => {
return h('div', row.name)
}
}
```
这样就可以启用该列的排序功能了。同时,你也需要在 Table 组件中开启排序功能,通过设置 :sort-enabled="true" 来实现。例如:
```html
<el-table :data="tableData" :sort-enabled="true">
<!-- 自定义表格列 -->
</el-table>
```
希望这个解答能够帮到你!
阅读全文