ng2-smart-table в строке щелчка должен быть выделен

Я уже пытался решить проблему, но не смог выделить строку при нажатии кнопки.

<ng2-smart-table [settings]="settingsPatient" [source]="sourcePatient" (userRowSelect)="patientStudy($event)" (deleteConfirm)="onDeleteConfirm($event)">"

</ng2-smart-table>

Я использую angular 7, и когда я нажимаю на любую строку в строке ng2-smart-table, она не выделяется, например, меняю цвет строки, когда я нажимаю на нее.

это моя функция для события щелчка строки-(userRowSelect)="patientStudy($event)".


javascript angular bootstrap-4 ngx-admin ng2-smart-table
person Jatin Dobariya    schedule 15.03.2019    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Когда строка выбрана, к ней добавляется «выбранный» класс... здесь мы можем стилизовать строку, используя:

::ng-deep tbody  tr.ng2-smart-row.selected
{ background:lightblue !important; border:1px solid blue;}

рабочий stackblitz здесь

person Akber Iqbal    schedule 15.03.2019

arrow_upward
0
arrow_downward

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

::ng-deep .nb-theme-default ng2-smart-table tbody tr.selected, .nb-theme-default ng2-smart-table tbody tr:hover { background: rgb(34, 151, 190) !important; border:1px solid blue; }

person huypham99    schedule 30.04.2021