AG-Grid 是一个强大且灵活的数据表格库,广泛应用于各种数据展示和操作场景。在使用 AG-Grid 时,默认的行为是点击行就会选中该行。然而,有时候我们希望保留点击行的其他功能,而仅仅通过点击复选框来选中行。本文将详细介绍如何实现这种自定义的行选择功能。
背景
假设我们正在开发一个数据管理系统,用户需要查看每个数据项的详细信息,同时也需要对某些数据项进行选择以便后续操作。我们希望点击行显示详细信息,而只有当用户明确点击复选框时才进行选中操作。
AG-Grid 配置
为了实现这种功能,我们需要使用 AG-Grid 提供的 suppressRowClickSelection
属性。下面是实现步骤:
-
初始化 AG-Grid:
var gridOptions = { columnDefs: [