панель расширения циновки удаляет границу

Question

У меня есть таблица данных mat с панелью расширения mat в качестве столбца.По некоторым причинам в некоторых рядах панель расширения матов имеет рамку вокруг нее, как мне от этого избавиться.Когда пользователь наводит курсор мыши, панель расширения расширяется, а когда мышь покидает ее, она разрушается.Данные, которые имеют эти строки, они такие же, как и те, которые не имеют границ.Здесь, на этом рисунке, есть столбец заметок, внутри которого находится панель расширения матов.

[! [Введите описание изображения здесь] [2]] [2]

[! [Введите описание изображения здесь] [3]] [3]

 <mat-cell *matCellDef="let workOrder">
                    <mat-expansion-panel class="" _ngcontent-c0="" ng-reflect-hide-toggle="true" #panel *ngIf="workOrder.notes !== ''" hideToggle="true"
                        (mouseenter)="panel.open()" (mouseleave)="panel.close()">
                        <mat-expansion-panel-header>
                            <mat-panel-title style="justify-content: center">
                                <mat-icon style="color:#8fbbdf;">notes</mat-icon>
                            </mat-panel-title>
                        </mat-expansion-panel-header>
                        <mat-panel-description>
                            {{ workOrder.notes }}
                        </mat-panel-description>
                    </mat-expansion-panel>
                </mat-cell>

Answer 1

переопределить свойство экрана mat-extension-panel, например: mat-extension-panel style = "display: unset;"

Answer 2

У меня тоже была похожая проблема, и я решил ее, установив background-color на mat-expansion-panel таким же цветом фона, как и остальная часть содержимого.В моем случае я установил его на white.

. Причина, по которой вы не смогли проверить это в devtools, заключается в том, что это не настоящий пограничный элемент, но он выглядит как один из-за своего аналогичного размера.

Answer 3

Проблема, кажется, связана с тегом mat-extension-panel.Если я удаляю все его классы, граница исчезает, поэтому это может быть «проблемой» для некоторого класса или с комбинацией более одного.я изменил:

<mat-expansion-panel _ngcontent-c0="" class="mat-expansion-panel ng-tns-c3-1 ng-star-inserted" hidetoggle="true" ng-reflect-hide-toggle="true">

на:

<mat-expansion-panel _ngcontent-c0="" class="" hidetoggle="true" ng-reflect-hide-toggle="true">

на элементе первый , и это результат (желаемый, я думаю):

Хорошо работает и при расширении: Надеюсь, это поможет вам