首页 >> js开发 >> jsAntd的table组件表格的序号自增操作js大全
jsAntd的table组件表格的序号自增操作js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
1,效果图 1,效果图 2,实现方法2,实现方法
const columns = [
{
title: '序号',
render:(text,record,index)=>`${index+1}`,
},
{
title:'操作',
dataIndex:'delete',
key:'delete',
render: (text,record) => (
删除
),
},
];
const columns = [
{
title: '序号',
render:(text,record,index)=>`${index+1}`,
},
{
title:'操作',
dataIndex:'delete',
key:'delete',
render: (text,record) => (
删除
),
},
];补充知识:ant-design表格序号分页连续自增设置补充知识:补充知识:ant-design表格序号分页连续自增设置1、预期效果1、预期效果2、设置表格的序号排序方式,我们首先是要到表格序号渲染的位置去修改2、设置表格的序号排序方式,我们首先是要到表格序号渲染的位置去修改注意索引值需要+13、我所调用的方法是3、我所调用的方法是所需要的参数是当前的页数,当前页的大小,和索引值
export function serialNumber(pageIndex, pageSize, index){
return (pageIndex-1) * pageSize + index;
}
export function serialNumber(pageIndex, pageSize, index){
return (pageIndex-1) * pageSize + index;
}
以上这篇Antd的table组件表格的序号自增操作就是小编分享给大家的全部内容了,希望能给大家一个参考。
const columns = [
{
title: '序号',
render:(text,record,index)=>`${index+1}`,
},
{
title:'操作',
dataIndex:'delete',
key:'delete',
render: (text,record) => (
删除
),
},
];
const columns = [
{
title: '序号',
render:(text,record,index)=>`${index+1}`,
},
{
title:'操作',
dataIndex:'delete',
key:'delete',
render: (text,record) => (
删除
),
},
];补充知识:ant-design表格序号分页连续自增设置补充知识:补充知识:ant-design表格序号分页连续自增设置1、预期效果1、预期效果2、设置表格的序号排序方式,我们首先是要到表格序号渲染的位置去修改2、设置表格的序号排序方式,我们首先是要到表格序号渲染的位置去修改注意索引值需要+13、我所调用的方法是3、我所调用的方法是所需要的参数是当前的页数,当前页的大小,和索引值
export function serialNumber(pageIndex, pageSize, index){
return (pageIndex-1) * pageSize + index;
}
export function serialNumber(pageIndex, pageSize, index){
return (pageIndex-1) * pageSize + index;
}
以上这篇Antd的table组件表格的序号自增操作就是小编分享给大家的全部内容了,希望能给大家一个参考。