Выберите строку без флажка

Question

Я использую ag-grid: https://www.ag-grid.com/

Я пробовал следующие параметры сетки:

rowSelection: 'multiple',
suppressRowClickSelection: true,
rowDeselection: true

Это приводит к тому, что строки не выбираются при нажатии...

И я пытаюсь добиться выбора строки (когда вы нажимаете на строку, строка будет помечена), но без установки флажка строки...

Есть ли способ добиться такого поведения?

Спасибо

Answer 1

Установив эти свойства, вы получите то, что хотите:

suppressCellSelection = true;
suppressRowClickSelection = false;
rowSelection = "multiple";

Answer 2

У вас есть несколько вариантов читов, которые включают в себя дым и зеркала.

т.е.

использовать переопределение стиля CSS на фокусе строки

.ag-fresh .ag-row-focus { 
  background-color:white;
}

или не показывать флажок выбора строки и вместо этого показывать флажок с вашей собственной проверкой, что вы контролируете себя

Answer 3

Все вышеперечисленное привело меня в правильном направлении, за исключением того, что мне нужно было добавить!importantк стилю, чтобы переопределить текущий css. Я использую NextJS, добавил стиль в.cssфайл и импортировал его в NextJS_app.tsxфайл.

Так...

      .ag-row-focus { 
    background-color: #ff0000 !important;
}

Answer 4

      .ag-row-focus { 
    background-color:white;
}

Это работает для меня.