Блог

Главная - Вопросы по программированию - ng2-smart-table в строке щелчка должен быть выделен

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

#javascript #css #angular #bootstrap-4 #ng2-smart-table

#javascript #css #угловой #bootstrap-4 #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)».

Ответ №1:

Когда строка выбрана, к ней добавляется класс ‘selected’ … здесь мы можем оформить строку с помощью:

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

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

Ответ №2:

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

::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; }