Блог

У меня есть таблица на html-странице, она может содержать несколько или много записей, я хочу применить определенный css к таблице, только когда на таблице есть прокрутка, когда есть несколько записей и нет прокрутки, я не хочу, чтобы это определение css влияло на таблицу. Как я могу это сделать?

 table **here I need the selector** thead {  width: calc( 100% - .5em )/* scrollbar is average 1em/16px width,   remove it from thead width */ }  

используйте ViewChild ссылку на таблицу и проверьте, видна ли прокрутка ngClass , если прокрутка существует, то класс будет добавлен в таблицу :

 lt;table #table [ngClass]="{'visibleScroll': table.scrollHeight gt; table.clientHeight }"gt;lt;/tablegt;  

затем добавьте свой класс в таблицу стилей css:

 .visibleScroll{ //your style css }