首页 >> js开发 >> jsantd中table展开行默认展示,且不需要前边的加号操作js大全
jsantd中table展开行默认展示,且不需要前边的加号操作js大全
发布时间: 2021年1月13日 | 浏览:
| 分类:js开发
如下所示：如下所示：前边不显示+，并且详细信息默认展开在table中配置在table中配置
expandedRowKeys={this.store.chargeTableData.map(item => item.key)} //展开的行
expandIconAsCell={false}
expandIconColumnIndex={-1}
bordered
//展示边框
defaultExpandAllRows={true}
//初始时展开所有行
pagination={{ pageSize: 5 }}
//分页器
expandedRowRender={this.expandedRowRender} //额外展开的行
columns={columns}
//数据
dataSource={this.store.chargeTableData} //数据数组
/>
expandedRowKeys={this.store.chargeTableData.map(item => item.key)} //展开的行
expandIconAsCell={false}
expandIconColumnIndex={-1}
bordered
//展示边框
defaultExpandAllRows={true}
//初始时展开所有行
pagination={{ pageSize: 5 }}
//分页器
expandedRowRender={this.expandedRowRender} //额外展开的行
columns={columns}
//数据
dataSource={this.store.chargeTableData} //数据数组
/>补充知识：antd Table 利用自己生成cell结合expandedRowKeys配置，实现任意cell控制展开列补充知识：补充知识：antd Table 利用自己生成cell结合expandedRowKeys配置，实现任意cell控制展开列因为项目需要，antd实现一个形如这样的表格但是奈何翻了好几遍api文档并没有发现这样的东西，只好自己改造了，首先table是这样的
expandIconAsCell={false}
expandIconColumnIndex={-1}
bordered
//展示边框
defaultExpandAllRows={true}
//初始时展开所有行
pagination={{ pageSize: 5 }}
//分页器
expandedRowRender={this.expandedRowRender} //额外展开的行
columns={columns}
//数据
dataSource={this.store.chargeTableData} //数据数组
/>
expandIconAsCell={false}
expandIconColumnIndex={-1}
bordered
//展示边框
defaultExpandAllRows={true}
//初始时展开所有行
pagination={{ pageSize: 5 }}
//分页器
expandedRowRender={this.expandedRowRender} //额外展开的行
columns={columns}
//数据
dataSource={this.store.chargeTableData} //数据数组
/>补充知识：antd Table 利用自己生成cell结合expandedRowKeys配置，实现任意cell控制展开列补充知识：补充知识：antd Table 利用自己生成cell结合expandedRowKeys配置，实现任意cell控制展开列因为项目需要，antd实现一个形如这样的表格但是奈何翻了好几遍api文档并没有发现这样的东西，只好自己改造了，首先table是这样的
