iview中table中默认排序

在使用Table组件的时候需要根据后端返回的数据进行排序,但是因为Table 自带一个默认排序,这个时候有可能会导致Table中显示的和借口返回的不一致,是因为 Table默认的排序是根据ASCII进行排序,如果都是字符串的话,123就会比4小,所以可以转成Number类型进行排序
如果后端返回的都是string类型的,我们可以在拿到数据之后手动转成Number类型,公式,可以使用+String,或者是string - 0,时间的xx-xx-xx需要转成时间戳,转时间戳的公式date.getTime()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iView ,要清除表格(Table的选项,可以通过以下步骤进行操作: 1. 首先,你需要在表格的数据源添加一个 `selected` 属性来表示是否被选。例如,如果你的数据源是一个数组,可以为每个数组项添加一个 `selected` 属性,默认值为 `false`。 2. 在表格的模板,使用 `row-selection` 属性来启用行选择功能,并将 `selected` 属性绑定到数据源的 `selected` 属性。例如: ``` <Table :data="tableData" :row-selection="{ selected: tableData.filter(item => item.selected), onChange: handleSelectionChange }"> <Table-column type="selection" width="60"></Table-column> <Table-column prop="name" label="Name"></Table-column> <Table-column prop="age" label="Age"></Table-column> </Table> ``` 3. 在你的方法,实现 `handleSelectionChange` 方法来处理选项的变化。例如,你可以将选的行存储到一个变量,并在需要清除选项的时候将该变量清空。例如: ``` data() { return { tableData: [ { name: 'John', age: 20, selected: false }, { name: 'Jane', age: 25, selected: false }, { name: 'Tom', age: 30, selected: false } ], selectedRows: [] }; }, methods: { handleSelectionChange(selection) { this.selectedRows = selection; }, clearSelection() { this.selectedRows = []; } } ``` 4. 最后,当你想要清除选项时,调用 `clearSelection` 方法即可。例如,可以在某个按钮的点击事件调用该方法。 ``` <Button @click="clearSelection">Clear Selection</Button> ``` 通过以上步骤,你可以在 iView 清除表格的选项。希望对你有帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值