angular - 使用 AG-Grid 、 Angular 和 TypeScript 如何动态设置 Column ColSpan
问题描述
给定行数据如下:
rowData = [
{ field_1 : value_1_1 , field_2 : value_1_2 , colSpan : 1 } ,
{ field_1 : value_2_1 , colSpan : 2} ,
{ field_1 : value_3_1 , field_2 : value_3_2 , colSpan : 1}
];
列定义如下:
columnDefs = [
{
header : field_1_name ,
field : field_1 ,
colSpan : getColSpan(params)
} ,
{
header : field_2_name ,
field : field_2
}
];
对于 getColSpan 功能,可以使用什么 TypeScript 语法来实现下面的伪代码段?:
getColSpan(params)
return colSpan value for each row
解决方案
如演示示例Simple Column Spanning中所述,您可以使用colSpan
以下功能来获得您期望的结果。
{
header : field_1_name,
field : field_1,
colSpan : function(params) {
var value = params.data.field_1;
if (value === "value_2_1") {
return 2;
} else {
return 1;
}
}
}
推荐阅读
- javascript - 未捕获的 ReferenceError:在初始化之前无法访问“__WEBPACK_DEFAULT_EXPORT__”
- c++ - 无法调用没有对象的成员函数 - PX4 I2C
- python - 测试 django 邮件和附件返回空
- ruby-on-rails - RAILS 6 防止 URL 中出现许多斜杠
- python - 覆盖最大面积的矩形
- python - Amazon Connect 和 Salesforce:Lambda 不工作 INVALID_SESSION_ID
- android - 如何从 Flutter 中的隔离中删除 SharedPreferences 项
- python - 如何从给定表创建下拉列表
- symfony - 如何测试请求是否允许 AbstractGuardAuthenticator::support() 上的“IS_AUTHENTICATED_ANONYMOUSLY”
- javascript - 是否可以使用循环导入多个 Vue 插件?避免手动输入所有文件